Dr Marcus - strona internetowa z katalogiem produktów dla międzynarodowej marki kosmetyków samochodowych

Firma powierzyła naszemu zespołowi zadanie zaprojektowania i wdrożenia nowej strony internetowej. Ma być ona skalowalna, wielojęzyczna, zoptymalizowana pod kątem SEO oraz responsywna. W przyszłości ma również wspierać sprzedaż e-commerce i obsługę partnerów B2B.
Strona ma prezentować pełne portfolio produktów, historię marki oraz edukować klientów poprzez treści i artykuły generowane przez AI.

Wyzwanie

Założeniem projektu było stworzenie strony internetowej, która:

• Odda charakter innowacyjnej i eleganckiej marki.
• Ułatwia użytkownikom dostęp do produktów i treści oraz optymalizuje strukturę informacji.
• Wesprze działania marketingowe i pozyskiwanie klientów.
• Jest responsywna i zoptymalizowana pod kątem wydajności na wszystkich urządzeniach.
• Spełni wymagania SEO, RODO i zapewni możliwość dalszej rozbudowy.

Wyzwaniem było stworzenie rozbudowanego serwisu bogatego w sekcje, podstrony i powiązania między nimi, który jednocześnie miałby być intuicyjny i przyjazny dla użytkownika, a także łatwy do edytowania dla zespołu klienta.

Rozwiązanie

Zespół Boring Owl był odpowiedzialny za projektowanie i implementację rozwiązań technologicznych oraz infrastruktury:

• Frontend: Zastosowanie Next.js w projekcie umożliwia SSR/ISR, szybsze ładowanie stron przez prerendering treści, ulepszone SEO dzięki renderowaniu po stronie serwera oraz łatwą integrację z API Strapi.
• Backend: Strapi CMS umożliwia zarządzanie treścią dla wszystkich podstron serwisu, a także łatwe dodawanie nowych modułów i treści.
• Baza danych: PostgreSQL, to elastyczna i bezpieczna baza pod CMS.
• Hosting i infrastruktura: Coolify + AWS CloudFront, zapewniają szybkie działanie globalne i bezpieczeństwo.
• Integracje zewnętrzne:
  • Google Analytics i GTM: Śledzenie ruchu i działań na stronie.
  • CRM: Umożliwia zarządzanie relacjami z klientami.
  • Mailchimp: System mailingowy do automatyzacji marketingu.
  • Systemy płatności: dla przyszłościowego sklepu internetowego.

Kluczowe Funkcjonalności

• Dynamiczna strona główna - z banerem, sekcjami kategorii, bestsellerów, Neutra Boost i artykułami.
• Struktura kategorii produktowych: zapachy samochodowe, kosmetyki, zapachy do domu - z opcją filtrowania, tagowania i wyszukiwania.
• Sekcja „Świat zapachów” - z filtrowaniem po nutach zapachowych (owocowe, orientalne itd.).
• Szczegółowe strony produktów - z opisami nut zapachowych, infografikami, USP, materiałami video i powiązanymi artykułami.
• Podstrony edukacyjne i marketingowe - o marce, historia, zespół, fabryka, certyfikaty.
• Blog i FAQ - treści generowane przez AI, artykuły eksperckie, sekcje „Masz wątpliwości?”.
• Newsletter i analityka - aktywne pozyskiwanie leadów.
• SEO - pełna optymalizacja techniczna.

Rezultaty

• Pełna responsywność strony.
• Skrócony czas ładowania.
• Zwiększenie konwersji dzięki widocznym CTA i sekcji newslettera.
• Dostosowanie strony do wymagań SEO.
• Łatwe zarządzanie treściami na stronie za pomocą Strapi CMS.
• Zwiększenie widoczności marki i rozpoznawalności produktów.
• Przygotowanie infrastruktury pod dalszy rozwój platformy o funkcje B2B i e-commerce.
• Zwiększenie zaangażowania użytkowników dzięki blogowi i sekcjom edukacyjnym.

Podsumowanie

Projekt strony internetowej Dr Marcus skupił się na stworzeniu nowoczesnej i bezpiecznej witryny, która przełożyła się na zbudowanie wizerunku firmy oraz edukację klientów na temat jej produktów. Dzięki nowoczesnym technologiom i przemyślanej architekturze, nowa platforma nie tylko zachwyca estetyką i przyjaznością dla użytkowników, ale przede wszystkim jest funkcjonalna, bezpieczna i gotowa na przyszły rozwój. Serwis stanowi solidne narzędzie do komunikacji marketingowej, edukacyjnej oraz sprzedażowej.