Power LAB

redesign i rozwój serwisu

Technologie: WordPress, WooCommerce, WoodMart, Elementor, PHP, JavaScript, CSS, ACF, B2BKing, Yoast SEO, WP Rocket, Cloudflare, Photoshop, narzędzia AI.

Projekt obejmował kompleksowy redesign oraz dalszy rozwój serwisu Power LAB – producenta magazynów energii, akumulatorów, ładowarek LiFePO₄ i rozwiązań przemysłowych.

1. Redesign i architektura strony

• przebudowa istniejącego serwisu WordPress,
• opracowanie nowej struktury informacji i nawigacji,
• reorganizacja katalogu produktów i kategorii WooCommerce,
• dostosowanie serwisu do rozwoju oferty domowych i przemysłowych magazynów energii,
• ujednolicenie wyglądu, typografii, kolorystyki i komponentów strony.

2. UX/UI i responsywność

• projektowanie oraz wdrażanie układów desktop, tablet i mobile,
• poprawa hierarchii treści, odstępów i czytelności interfejsu,
• dostosowanie komponentów WoodMart i Elementor,
• tworzenie własnych styli CSS,
• poprawki galerii, nawigacji, breadcrumbs i elementów produktowych,
• bieżąca optymalizacja UX na podstawie działania strony na różnych urządzeniach.

3. WooCommerce i system B2B

• rozwój WooCommerce jako katalogu produktowego oraz systemu obsługi klientów B2B,
• porządkowanie kategorii, produktów i danych technicznych,
• dostosowanie sposobu prezentacji parametrów i dokumentacji produktów,
• konfiguracja B2BKing,
• rejestracja i ręczna akceptacja partnerów,
• grupy rabatowe oraz rabaty indywidualne,
• ukrywanie cen dla niezalogowanych użytkowników,
• dostosowanie procesu zakupowego do modelu sprzedaży B2B,
• poprawki i optymalizacja galerii produktów, w tym produktów wariantowych.

4. Dedykowane rozwiązania WordPress

• modyfikacje PHP, CSS i JavaScript,
• własne szablony i shortcode’y,
• integracje z ACF i WooCommerce,
• tworzenie dedykowanych rozwiązań dla funkcji niedostępnych standardowo w motywie,
• rozwój działu „Do pobrania” z własną strukturą dokumentów, kategoriami, wyszukiwarką i powiązaniem dokumentacji z produktami,
• automatyczne wyświetlanie odpowiednich dokumentów na stronach produktów.

5. SEO techniczne, wydajność i bezpieczeństwo

• bieżąca optymalizacja techniczna SEO,
• porządkowanie struktury indeksowania, adresów URL i przekierowań,
• optymalizacja szybkości działania strony,
• konfiguracja cache i poprawa sposobu ładowania zasobów,
• diagnostyka problemów z wydajnością i błędami serwera,
• zabezpieczenie serwisu przed niepożądanym ruchem i botami,
• migracja DNS oraz wdrożenie Cloudflare.

6. Content produktowy i techniczny

• tworzenie i redakcja opisów produktów,
• opracowywanie treści na podstawie dokumentacji technicznej producentów,
• porządkowanie oraz standaryzacja parametrów technicznych,
• ujednolicanie nazewnictwa produktów, kategorii i dokumentów,
• przygotowywanie treści dla nowych sekcji i podstron serwisu,
• rozwój struktury dokumentacji technicznej dostępnej bezpośrednio przy produktach,
• bieżąca aktualizacja katalogu wraz z rozszerzaniem oferty firmy.

7. Grafika, fotografia produktowa i AI

Istotną częścią projektu było przygotowywanie materiałów wizualnych do wykorzystania w serwisie.

• przygotowywanie grafik do sliderów, bannerów, kategorii i sekcji produktowych,
• tworzenie kompozycji prezentujących ofertę Power LAB,
• wykorzystanie narzędzi AI do generowania i modyfikowania materiałów marketingowych,
• przygotowanie grafik sliderowych, w których na jednym obrazie prezentowane były różne urządzenia z oferty firmy,
• tworzenie z użyciem AI brakujących elementów kompozycji w sytuacjach, gdy nie było dostępnych odpowiednich zdjęć wszystkich urządzeń,
• łączenie realnych produktów z wygenerowanym otoczeniem lub sceną przy zachowaniu wyglądu urządzeń,
• poprawa jakości zdjęć technicznych dostarczanych przez producentów,
• usuwanie zbędnych elementów, oznaczeń, wymiarów i niepożądanego tła,
• przygotowywanie produktów na czystym białym lub transparentnym tle,
• zmiana i korekta kolorystyki elementów graficznych,
• przygotowywanie różnych widoków i ujęć produktów przy użyciu narzędzi AI,
• dopasowywanie materiałów do wymaganych proporcji oraz formatów stosowanych na stronie.

Znaczna część fotografii produktowych i firmowych powstawała bez profesjonalnej sesji fotograficznej – zdjęcia wykonywane były telefonem, a następnie poddawane dalszej obróbce.

Proces obejmował m.in.:

• korekcję światła, koloru i kontrastu,
• czyszczenie oraz wyrównywanie tła,
• usuwanie niepotrzebnych elementów,
• poprawę ostrości i jakości obrazu,
• retusz w Adobe Photoshop,
• rozszerzanie lub przebudowę kadru przy użyciu AI,
• przygotowanie zdjęcia końcowego do wykorzystania jako materiał produktowy lub marketingowy.

Dzięki połączeniu fotografii własnej, Photoshop oraz narzędzi AI możliwe było przygotowanie spójnych materiałów wizualnych również wtedy, gdy pierwotne zdjęcia były wykonane w warunkach produkcyjnych lub miały niewystarczającą jakość do bezpośredniego wykorzystania na stronie.

8. Bieżący rozwój i utrzymanie

• regularne rozwijanie serwisu wraz z rozszerzaniem oferty Power LAB,
• poprawki WordPress, WooCommerce, PHP, CSS i JavaScript,
• rozwiązywanie problemów po aktualizacjach,
• dostosowywanie istniejących funkcji do nowych potrzeb firmy,
• optymalizacja działania i wyglądu serwisu,
• rozwój nowych funkcjonalności i elementów katalogu produktowego.

Projekt Power LAB obejmował pełny rozwój firmowego serwisu – od redesignu i przebudowy architektury, przez WooCommerce i obsługę B2B, po dedykowane rozwiązania WordPress, content techniczny, optymalizację oraz przygotowanie materiałów wizualnych.

Zakres odpowiedzialności łączył UX/UI, WordPress development, WooCommerce, frontend, content produktowy, SEO techniczne, optymalizację serwisu oraz grafikę i fotografię wspieraną narzędziami AI.