Serwis B2B dla globalnej marki kosmetycznej – GBA Group Cosmetics

Szczegóły projektu

  • Klient / branża: GBA Group Cosmetics – B2B, badania laboratoryjne w branży kosmetycznej.
  • Zakres: techniczne wdrożenie czterojęzycznego serwisu wg projektu Figma, zaawansowana architektura treści na ACF (usługi, testy, publikacje, wydarzenia, kariera), konfiguracja wielojęzyczności, implementacja zaawansowanej wyszukiwarki oraz dedykowanego modułu zapisywania wyników wyszukiwania, niestandardowe style i konfiguracje SEO.
  • Technologia: WordPress, motyw Kadence WP, WPML (Multilingual CMS, String Translation, CMS Nav), Advanced Custom Fields (ACF), Kadence Elements, dedykowana wtyczka do Kadence – Bookmarks, SEOPress PRO, niestandardowy CSS.
  • Rola zespołu: wdrożenie techniczne, integracje, konfiguracja wtyczek i ustawień, dodanie tłumaczenia stron (wielojęzyczność), dedykowane rozwiązania

O kliencie

GBA Group Cosmetics to międzynarodowy dostawca kompleksowych usług laboratoryjnych dla producentów kosmetyków. Firma wspiera marki w spełnianiu norm, bezpieczeństwa i jakości na rynkach globalnych.

Cele

Precyzyjne odwzorowanie złożonego projektu z Figmy w czterech wersjach językowych (EN/FR/DE/ES) oraz dostarczenie funkcji ułatwiających pracę klienta B2B: zaawansowanej struktury treści i zapisywania wyników wyszukiwania testów.

Zaimplementowana struktura serwisu (wg dostarczonego projektu)

  1. Strona główna
    • Szybkie przejścia do kluczowych sekcji (oferta, wyszukiwarka testów, kariera, kontakt).
    • Animowana mapa lokalizacji laboratoriów oraz formularz kontaktu i zapis do newslettera – łatwiejszy pierwszy kontakt i pozyskiwanie leadów.
  2. Sekcje korporacyjne (About, Career)
    • Budują wiarygodność i ułatwiają rekrutację oraz kontakt z partnerami.
  3. Sekcje usługowe (Our Services, Tests)
    • Szczegółowo prezentują ofertę badawczą i pozwalają łatwo wyszukiwać setki testów.
  4. Sekcje dla ekspertów (Publications, Events)
    • Porządkują wiedzę i aktualności branżowe.
  5. Paneliści i kontakt
    • Ułatwiają udział w badaniach i szybki dostęp do danych placówek.

Kluczowe funkcjonalności i rozwiązania

Skupiliśmy się na wiernym przełożeniu złożonych widoków z Figmy oraz na funkcjach realnie ułatwiających pracę użytkownika biznesowego.

Elementy techniczne

  • Dedykowana funkcja „schowka” (własna wtyczka) – zapisywanie wyników wyszukiwania testów „na później” z możliwością ich przeglądania i udostępniania przez unikalny link.
  • Zaawansowana architektura treści (ACF) – osobne typy treści dla ofert pracy, publikacji, wydarzeń i testów; elastyczne zarządzanie rozbudowaną, wielojęzyczną bazą.
  • Zarządzanie treścią na dużą skalę – WP Sheet Editor (Post Types, Taxonomy Terms Pro) do masowej edycji wpisów i taksonomii.
  • Wielojęzyczność (WPML) – 4 języki, tłumaczenia formularzy i komponentów Kadence Elements dla pełnej zgodności layoutu w każdej wersji językowej.

Podstawowa optymalizacja SEO

  • Semantyczna struktura HTML z poprawną hierarchią nagłówków i spójnym linkowaniem wewnętrznym.
  • SEOPress PRO – konfiguracja tytułów i meta opisów na kluczowych podstronach dla wszystkich języków.
  • ALT dla istotnych obrazów w sekcjach ofertowych i informacyjnych.

User experience i wydajność

  • Responsywność – układy dopasowane do urządzeń mobilnych, tabletów i desktopów, z uwzględnieniem niestandardowych sekcji CSS.
  • Nawigacja – czytelne menu oraz dodatkowy sidebar dla sprawnego poruszania się po rozbudowanych treściach.
  • Szybkość działania – praktyki front-endowe, optymalizacja obrazów oraz minifikacja zasobów CSS/JS.
  • Użyteczność – niestandardowa wyszukiwarka i „schowek” wyników usprawniają pracę odbiorcy B2B.

Bezpieczeństwo

Serwis zabezpieczony przed spamem i botami oraz wyposażony w standardowe mechanizmy ochrony logowania i danych – zgodnie z naszymi wewnętrznymi zasadami bezpieczeństwa.

Masz projekt w Figmie z niestandardowymi funkcjami?

Skontaktuj się z nami – przygotujemy precyzyjne wdrożenie na WordPressie.