Zamawiający
Nizio Design International
O projekcie
Nizio Interior to marka meblowa stworzona przez renomowaną warszawską pracownię architektoniczną Nizio Design. Firma posiadała już stronę internetową, jednak była ona przestarzała i nie oddawała premium charakteru marki ani jakości projektowanych mebli. Moim zadaniem było stworzenie nowej strony, która prezentowałaby ofertę w nowoczesny sposób, podkreślała filozofię „Alchemy of Design” oraz zachęcała klientów do odwiedzenia showroomu i umożliwiała umówienie wizyty.
Największym wyzwaniem było atrakcyjne zaprezentowanie dużej liczby mebli podzielonych na różne kategorie oraz przeprowadzenie całego procesu – od UX po wdrożenie – w bardzo krótkim czasie, wynoszącym cztery tygodnie.
Jak współpracuję
W trakcie projektu nagrywałam krótkie wiadomości wideo, w których wyjaśniałam decyzje projektowe i prezentowałam kolejne etapy pracy w formie prezentacji lub prototypu. Taka forma komunikacji pozwala klientom lepiej zrozumieć projekt, przyspiesza podejmowanie decyzji, ogranicza ryzyko nieporozumień i skraca proces zbierania feedbacku.
To rozwiązanie szczególnie dobrze sprawdza się w przypadku klientów, którzy nie mają czasu na długie spotkania, ale chcą mieć poczucie, że są rozumiani i zachowują kontrolę nad projektem na każdym etapie współpracy.
Kontekst
Projekt dla marki z segmentu premium był interesujący na wielu poziomach. Branża meblarska i wnętrzarska jest bardzo konkurencyjna i w dużej mierze opiera się na warstwie wizualnej oraz storytellingu, które budują zaufanie i przyciągają wymagających klientów.
Istnieje wiele sposobów prezentowania mebli online – od klasycznych platform e-commerce po bardziej editorialowe strony internetowe – jednak ich skuteczność pod względem doświadczenia użytkownika i estetyki jest bardzo zróżnicowana.
01 Discover: Jakie były problemy starej strony i jak można było je rozwiązać?
Aby lepiej zrozumieć kontekst projektu i potrzeby marki, rozpoczęłam od analizy istniejącej strony internetowej oraz researchu konkurencji w segmencie mebli premium. Skupiłam się na tym, w jaki sposób inne marki prezentują swoje produkty online oraz jakie rozwiązania stosują, aby wyróżnić się wizualnie i funkcjonalnie.
Dzięki tym analizom mogłam zidentyfikować główne problemy poprzedniej wersji strony. Zrozumienie tych barier pozwoliło mi stworzyć podstawy do dalszych etapów projektowych i jasno określić cele nowej strony: czytelna struktura, nowoczesny wygląd oraz możliwość umówienia wizyty w showroomie.
Audyt heurystyczny
Analiza konkurencji
02 Define: Jakie główne problemy chcemy rozwiązać?
- Przestarzały design – poprzednia strona nie oddawała charakteru marki premium.
- Brak spójności z identyfikacją wizualną marki.
- Mało atrakcyjna prezentacja produktów.
- Trudna nawigacja – brak czytelnej struktury dla dużej liczby kategorii mebli.
- Niewystarczająca funkcja wizerunkowa – strona nie zachęcała do odwiedzenia showroomu ani nie budowała wyjątkowego doświadczenia marki.
03 Ideate and prototype: Jak możemy rozwiązać te problemy?
Przygotowałam makiety low-fidelity, które szybko przetestowałam i rozwinęłam do postaci interaktywnych prototypów high-fidelity w Figmie. Dzięki temu mogłam iteracyjnie dopracowywać układ strony przed przejściem do finalnego wdrożenia.
Po pierwszych konsultacjach z klientem i ocenie możliwości technicznych zdecydowałam się na podejście oparte na:
- uproszczonej architekturze informacji, która porządkuje rozbudowany katalog produktów,
- minimalistycznym designie z dużym naciskiem na fotografię,
- subtelnym storytellingu wspierającym wizerunek marki premium.
Na podstawie zdefiniowanych problemów opracowałam kilka wstępnych koncepcji struktury i sposobu prezentowania treści. Inspirowałam się zarówno analizą konkurencji, jak i filozofią marki. Rozważałam różne sposoby organizacji kategorii mebli, prowadzenia narracji oraz eksponowania jakości materiałów.
Architektura informacji
Testy – runda 1
Na podstawie wybranych układów wcześniej rozrysowanych na papierze stworzyłam interaktywną makietę w Figmie. Pozwoliło mi to szybko przetestować pomysły w praktyce i sprawdzić, w jaki sposób użytkownicy poruszają się po stronie.
Iteracje, poprawki i finalne rozwiązanie
Po stworzeniu pierwszej interaktywnej makiety rozpoczęłam proces iteracji. Podczas testowania prototypu zauważyłam kilka obszarów wymagających poprawy, m.in. sposób prezentacji kategorii oraz trudności użytkowników z powrotem do poprzednich podstron. Zmiany wprowadzałam stopniowo, bazując na feedbacku klienta i własnej analizie użyteczności.
- dodanie kategorii mebli na każdej podstronie kategorii,
- dodanie breadcrumbs, które ułatwiły nawigację,
- dopracowanie layoutu stron produktowych tak, aby zdjęcia mebli znajdowały się w centrum uwagi.
Po kilku rundach poprawek powstał finalny prototyp high-fidelity, który odpowiadał na wcześniej zidentyfikowane problemy. Na jego podstawie przeszłam do wdrożenia strony w WordPressie.
Typografia i kolorystyka
High-fidelity
