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 artykuły na blogu.
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
- 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
- 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.