Wyzwanie: digital musiał dorównać pozycji marki
W przypadku Tarasoli punktem wyjścia nie był brak rozpoznawalności. Firma zbudowała markę, której nazwa dla części klientów stała się synonimem nowoczesnego zadaszenia tarasu. Otrzymaliśmy zatem wyzwanie od brandu o bardzo silnej pozycji w swojej kategorii, z rozbudowanym portfolio produktów, wieloma grupami odbiorców oraz różnymi modelami sprzedaży.
Dotychczasowa strona nie oddawała tej skali. Nowy serwis musiał jednocześnie budować efekt premium, prezentować produkty w sposób odpowiadający ich wzornictwu oraz pomagać użytkownikom w dotarciu do właściwego rozwiązania.
Innych informacji potrzebuje właściciel domu szukający pergoli na taras, a innych architekt, deweloper, restaurator czy potencjalny dystrybutor. Dlatego projektowania nie zaczęliśmy od ekranów.
Decyzja: najpierw badania UX i Discovery
Przed rozpoczęciem właściwego UX/UI designu przeprowadziliśmy warsztaty Discovery oraz badania użytkowników w formule IDI. Rozmawialiśmy z klientami Tarasoli, zespołem sprzedaży i partnerami biznesowymi.
Chcieliśmy zrozumieć nie tylko to, czego użytkownicy szukają na stronie, ale również jak wygląda ich rzeczywisty proces decyzyjny: jakie informacje są potrzebne na poszczególnych etapach, gdzie pojawiają się bariery, o co klienci najczęściej pytają sprzedawców i czym różnią się ścieżki poszczególnych grup odbiorców.
Wyniki researchu wykorzystaliśmy przy tworzeniu architektury informacji, konstrukcji oferty oraz najważniejszych ścieżek użytkownika. W trakcie projektu konsultowaliśmy również treści pod kątem UX Writingu.
Jedną z kluczowych decyzji było wyraźne rozdzielenie dwóch podstawowych kontekstów zakupowych. Dla klienta indywidualnego zaprojektowaliśmy ścieżkę skoncentrowaną na produktach, inspiracji, dopasowaniu rozwiązania do własnej przestrzeni i kontakcie w sprawie wyceny. Osobna część B2B odpowiada natomiast na potrzeby dystrybutorów, architektów, deweloperów oraz branży HoReCa. Dzięki temu nie próbowaliśmy zmuszać jednego interfejsu i jednego sposobu komunikacji do obsługi odbiorców o zupełnie różnych potrzebach. Rozbudowane mega menu porządkuje szerokie portfolio Tarasoli i pozwala szybko dotrzeć do kategorii, konkretnych produktów, akcesoriów, realizacji oraz treści dopasowanych do poszczególnych grup odbiorców.
Przemysław Zagził, UX/UI Designer Wise People
Rezultat: produkt premium otrzymał odpowiednie środowisko cyfrowe
W warstwie wizualnej postawiliśmy na przestrzeń, duże fotografie i materiały wideo oraz animacje reagujące na scroll. Ruch, szerokie kadry i efekt głębi pomagają przenieść do digitalu charakter produktu, którego istotą jest architektura, przestrzeń i sposób korzystania z otoczenia domu.
Za efektownym front-endem znajduje się rozbudowana architektura informacji, osobne ścieżki B2C i B2B, mega menu porządkujące szerokie portfolio oraz konsekwentne prowadzenie użytkownika od inspiracji i poznania produktu do konfiguracji lub zapytania ofertowego.
Powstało rozwiązanie, które lepiej odpowiada pozycji Tarasoli na rynku i jednocześnie pełni funkcję realnego narzędzia marketingu oraz sprzedaży. Projekt nie zakończył naszej współpracy. Po wdrożeniu dalej wspieramy rozwój serwisu, dzięki czemu możemy rozwijać cyfrowy ekosystem Tarasoli wraz ze zmieniającą się ofertą i kolejnymi potrzebami biznesowymi.
FAQ
Chcesz dowiedzieć się więcej o kulisach powstawania serwisu dla marki premium? Odpowiadamy na najczęstsze pytania dotyczące roli badań UX, rozdzielenia ścieżek B2B i B2C oraz łączenia efektownego designu z twardymi celami sprzedażowymi.
Badania UX pozwalają oprzeć decyzje projektowe na rzeczywistych potrzebach użytkowników, a nie wyłącznie na założeniach zespołu. W projekcie Tarasoli wykorzystaliśmy wywiady IDI z klientami, partnerami i działem sprzedaży, aby lepiej zrozumieć proces decyzyjny, bariery oraz różnice między ścieżkami B2C i B2B.
W B2B proces zakupowy jest zwykle dłuższy, angażuje więcej osób i wymaga bardziej rozbudowanej informacji o produkcie, współpracy czy warunkach handlowych. Dlatego zamiast tworzyć jedną uniwersalną ścieżkę, warto projektować osobne doświadczenia dla różnych grup odbiorców.
Kluczowe są dobrze zaprojektowana architektura informacji, logiczne kategorie, intuicyjna nawigacja i jasne ścieżki dojścia do produktów. Przy dużym portfolio przydatne mogą być także mega menu, filtrowanie, konfiguratory czy osobne sekcje dla różnych grup klientów.
Tak. Animacje, wideo, efekty na scroll czy rozbudowana warstwa wizualna powinny wspierać charakter marki i produktu, ale nie mogą utrudniać nawigacji ani odciągać użytkownika od celu. Dobry projekt łączy efekt wizualny z czytelną strukturą, wydajnością i logicznymi ścieżkami użytkownika.
Proces Discovery Wise People pozwala zmapować cele biznesowe, grupy odbiorców, potrzeby sprzedaży, ograniczenia technologiczne i zakres przyszłego rozwoju serwisu. Dzięki temu UX/UI design i development wynikają z wcześniej ustalonych priorytetów, zamiast być serią oderwanych decyzji projektowych.
- Tak, jeśli została zaprojektowana wokół procesu zakupowego. Dobrze zaplanowany serwis może odpowiadać na najczęstsze pytania klientów, porządkować ofertę, pomagać w wyborze produktu, kwalifikować potrzeby i prowadzić użytkownika do zapytania ofertowego lub kontaktu ze sprzedażą.
