Realizacja
Fersk: strona internetowa producenta klimatyzatorów
Producent ma niewielki asortyment, więc każdy model klimatyzatora musi obronić się na własnej stronie. Zaprojektowaliśmy i wdrożyliśmy stronę internetową producenta klimatyzatorów Fersk: karty produktów z opiniami i FAQ, filtrowanie wariantów i blog, w którym produkty są osadzone w artykułach.
Dla Fersk zaprojektowaliśmy i wdrożyliśmy stronę, która prezentuje klimatyzatory i ułatwia wybór modelu: stronę główną, kategorie, rozbudowane karty produktów i blog, w którym produkty są osadzone bezpośrednio w treściach.
Zakres prac
- Typ produktu
- Serwis produktowy producenta
- Rynek
- Klimatyzacja / sprzedaż detaliczna
Technologie
- Product Design
- Web
Najważniejsze fakty
- Warsztaty z klientem i wireframes zoptymalizowane pod proces zakupowy
- Dedykowana strona dla każdego modelu klimatyzatora
- Dynamiczne filtrowanie wariantów produktów
- Karty produktów z opiniami użytkowników i FAQ
- Produkty osadzane w artykułach blogowych przez widgety i shortcode'y WordPress
- Projekt w podejściu Mobile First
Kilka modeli klimatyzatorów, każdy z własną stroną, i blog, który prowadzi do produktu.
Cele
01
Łatwiejszy wybór modelu
Pokazać produkty tak, żeby użytkownik szybko zrozumiał różnice i wybrał wariant dla siebie.
02
Cechy każdego modelu na pierwszym planie
Przy niewielkim asortymencie wyeksponować to, czym wyróżnia się każdy klimatyzator.
03
Wygoda na telefonie
Zaprojektować interfejs, który działa tak samo dobrze na smartfonie i tablecie jak na komputerze.
Proces
Co dostarczyliśmy
Serwis, w którym każda ścieżka kończy się na konkretnym modelu klimatyzatora.
- Strona główna - interaktywne prezentacje modeli, które od razu pokazują ich najważniejsze funkcje.
- Kategorie - przemyślany podział oferty i dynamiczne filtrowanie wariantów produktów.
- Karta produktu - szczegółowe opisy funkcji, zdjęcia, elementy interaktywne, opinie użytkowników i najczęściej zadawane pytania.
- Blog - artykuły i recenzje z osadzonymi produktami, dodawanymi przez widgety i shortcode'y WordPress.
- Wersja mobilna - nawigacja, szybkość ładowania i elementy interaktywne dopracowane pod smartfony i tablety.
- Design system - komponenty i style, które trzymają wygląd serwisu w ryzach przy kolejnych podstronach.
Wyzwanie: kilka modeli, które muszą się wyróżnić
Producent ma niewielki asortyment, a każdy model ma cechy, które trzeba pokazać tak, żeby przyciągnęły uwagę.
Strona miała prezentować produkty i ułatwiać wybór. Interfejs musiał być zrozumiały dla wszystkich grup użytkowników i responsywny, a jednocześnie obsługiwać dynamiczne filtrowanie wariantów produktów.
Mniej modeli oznacza, że każdy z nich musi się obronić na własnej stronie.
Rozwiązanie: strona każdego modelu i blog prowadzący do oferty
Każdy model dostał dedykowaną stronę, a strona główna prowadzi do nich przez interaktywne prezentacje produktów.
Karta produktu zbiera wszystko, czego potrzeba do decyzji: opisy funkcji, zdjęcia i elementy interaktywne. Sekcje z opiniami użytkowników i FAQ pokazują produkt z perspektywy osób, które już go używają.
Blog, który prowadzi do oferty
Widgety i shortcode'y WordPress pozwalają osadzać konkretne produkty w treściach, na przykład w recenzjach. Artykuł informuje i inspiruje, a czytelnik ma produkt pod ręką, bez szukania go w menu.
Mobile First
Od początku projektowaliśmy z myślą o smartfonach i tabletach. Nawigacja, szybkość ładowania i elementy interaktywne zostały dopracowane tak, żeby na małym ekranie dało się przejrzeć ofertę, przeczytać opisy i złożyć zamówienie.
Opracowanie: Radosław Kołacki Publikacja: Aktualizacja:
Powiązane
Wiedza do tej realizacji
Kilka produktów, które muszą się wyróżnić?
Zaczynamy od warsztatu, na którym ustalamy, jak pokazać ofertę i poprowadzić klienta do wyboru.
