Dane podstawowe projektu
- Nazwa marki: Serenada (SM Spomlek)
- Branża: FMCG / Branża spożywcza
- URL: serenada.com.pl
- Rok realizacji: 2023
- Czas realizacji: 35 dni roboczych
- Liczba podstron: ponad 70
- Terminowość: Projekt oddany zgodnie z harmonogramem.
Sytuacja startowa klienta
Dotychczasowa strona Serenady była technologicznie przestarzała i nie mieściła rozszerzonej oferty produktowej marki. Kluczowym problemem była nieatrakcyjna i mało czytelna sekcja bloga oraz przepisów, co uniemożliwiało skuteczne inspirowanie konsumentów i budowanie z nimi relacji. Klient potrzebował nowoczesnej platformy, która połączy przejrzysty katalog produktów z atrakcyjnym wizualnie modułem inspiracyjnym, eksponującym skład, pochodzenie serów oraz ich kulinarne zastosowania.
Zakres prac
- Projekt UX/UI: Stworzenie od zera architektury informacji i designu opartego na identyfikacji marki (kolory żółty/czarny) z dużym naciskiem na czytelność (whitespace).
- Wdrożenie WordPress: Implementacja intuicyjnego systemu CMS, umożliwiającego zespołowi klienta samodzielne dodawanie nowych produktów i wpisów blogowych.
- Autorski copywriting: Napisanie wszystkich treści na stronę, w tym opisów produktowych, historii marki oraz pierwszych merytorycznych wpisów edukacyjnych.
- Technologia i szybkość: Zastosowanie czystego kodu CSS dla animacji oraz formatu WebP dla wszystkich zdjęć produktowych.
- Pakiet SEO On-page: Pełna optymalizacja meta tagów, wdrożenie mapy witryny i przekierowań 301 ze starej wersji serwisu.
- Analityka: Konfiguracja GA4 i Google Search Console pod kątem monitorowania widoczności fraz brandowych i produktowych.
Mierzalne dowody jakości
- PageSpeed mobile: 90/100
- PageSpeed desktop: 97/100
- Wydajność: Czas ładowania strony (LCP) poniżej 1,5s dzięki optymalizacji zasobów i kompresji zdjęć.
- Wsparcie po wdrożeniu: 90 dni opieki technicznej i przekazanie dedykowanego wideo-tutoriala z obsługi panelu CMS.
- Zgodność: Wdrożenie certyfikatu SSL (HTTPS) oraz pełna responsywność (RWD) przetestowana na 12 typach urządzeń.
Co było najtrudniejsze?
Naszym priorytetem było przekucie obszernego portfolio produktów w intuicyjne i angażujące doświadczenie użytkownika. Wyeliminowaliśmy chaos informacyjny, wdrażając inteligentny system kategoryzacji, który skraca drogę do konkretnego produktu (Salami, Radamer, Babumi) do absolutnego minimum. Największą metamorfozę przeszła warstwa contentowa – niefunkcjonalne wcześniej sekcje zastąpiliśmy nowoczesnym modułem blogowym oraz dedykowanym centrum przepisów. Dzięki temu połączyliśmy edukację o marce z kulinarną inspiracją, tworząc przestrzeń, która nie tylko informuje o składzie, ale realnie zachęca do eksperymentowania z produktami Serenady w kuchni.
Twoja marka FMCG potrzebuje strony, która udźwignie skalę sprzedaży i zbuduje zaufanie? Tworzymy serwisy, które są technicznie doskonałe i wizualnie spójne z Twoją strategią. Porozmawiajmy o konkretnym rozwiązaniu dla Twojego biznesu.