Redesign strony internetowej dla producenta systemów grzewczych
Rodzaj projektu
Redesign UX/UI strony internetowej
Branża
HVAC
Technologie
WordPressZakres prac
Audyt, analiza konkurencji, warsztaty strategiczne, badania z użytkownikami, strategia UX, projektowanie UX/UI
Najważniejsze elementy projektu
- Nowa architektura informacji dostosowana do potrzeb klientów B2C i B2B
- Indywidualne wywiady pogłębione (IDI) z użytkownikami z trzech grup: klienci detaliczni, instalatorzy, projektanci
- Interaktywny konfigurator produktów, ułatwiający wybór najlepszego urządzenia grzewczego
- Sekcje dla instalatorów, projektantów i serwisantów z dostępem do materiałów technicznych po zalogowaniu
O kliencie
BRÖTJE to marka specjalizująca się w tworzeniu systemów grzewczych dla domów i budynków. Firma ma ponad 100-letnie doświadczenie i należy do międzynarodowej grupy BDR Thermea, jednego z największych producentów technologii grzewczych w Europie.
Wyzwanie
Dotychczasowa strona BRÖTJE była projektowana głównie z myślą o profesjonalistach – instalatorach, projektantach i serwisantach. Firma chciała jednak mocniej otworzyć się na klientów indywidualnych, planujących budowę domu lub modernizację instalacji grzewczej. Wyzwanie polegało więc na przeprojektowaniu komunikacji i struktury serwisu tak, aby pogodzić potrzeby zróżnicowanych grup odbiorców – technicznych i nietechnicznych.
Cel projektu
Naszym celem było opracowanie strategii UX/UI dla nowej wersji strony BRÖTJE, która pozwoli skuteczniej dotrzeć do klientów indywidualnych i jednocześnie zachować pełną funkcjonalność dla profesjonalistów (instalatorów i projektantów). Kluczowe było poznanie potrzeb wszystkich grup docelowych oraz zaprojektowanie przejrzystej architektury informacji, która wesprze wybór odpowiedniego systemu grzewczego. Efektem prac miały być gotowe rekomendacje strategiczne i wizualne:
- dokument Fundamenty (autorski materiał projektowy obejmujący m.in. architekturę informacji, listę funkcji i wytyczne UX/UI),
- nowa struktura serwisu,
- projekty najważniejszych podstron.
Rozwiązanie
Projekt rozpoczęliśmy od fazy Discovery – przeanalizowaliśmy obecną stronę i sprawdziliśmy, jakie rozwiązania stosuje konkurencja. Przeprowadziliśmy również warsztaty strategiczne z zespołem klienta, podczas których omówiliśmy nasze wnioski.
Następnie przygotowaliśmy scenariusze badawcze i przeprowadziliśmy indywidualne wywiady pogłębione z trzema grupami docelowymi: klientami indywidualnymi, instalatorami oraz projektantami. Wyniki badań przełożyliśmy na konkretne rozwiązania projektowe:
- stworzyliśmy przejrzystą architekturę informacji, która upraszcza nawigację i ułatwia odnalezienie odpowiednich produktów;
- zaprojektowaliśmy interaktywny konfigurator prowadzący użytkownika przez proces wyboru urządzenia grzewczego;
- opracowaliśmy zestaw formularzy leadowych dopasowanych do różnych scenariuszy kontaktu – od budowy nowego domu, przez modernizację instalacji, po współpracę B2B.
Szczegóły rozwiązania
Konfigurator doboru produktów
Badania wykazały, że klienci indywidualni gubili się w ofercie i nie wiedzieli, które urządzenie będzie odpowiednie dla ich inwestycji. Dlatego zaprojektowaliśmy konfigurator, w którym użytkownik odpowiada na kilka prostych pytań dotyczących:
- rodzaju inwestycji (nowa budowa lub modernizacja),
- typu budynku (jednorodzinny, wielorodzinny, komercyjny),
- powierzchni, izolacji i typu ogrzewania,
- zapotrzebowania na ciepłą wodę użytkową (CWU).
Na podstawie odpowiedzi użytkownik otrzymuje listę rekomendowanych produktów wraz z najważniejszymi parametrami i formularzem kontaktowym.
Różne warianty formularzy kontaktowych
Dotychczasowy formularz był generyczny i nie uwzględniał wszystkich potrzeb użytkowników kontaktujących się z firmą.
Dlatego zaprojektowaliśmy kilka wariantów formularzy – dla klientów planujących budowę domu, modernizację instalacji oraz dla profesjonalistów zainteresowanych współpracą. Każdy z nich zawiera tylko najważniejsze pola i jasno informuje, co stanie się po wysłaniu zapytania.
Ulepszony sposób prezentacji produktów
Na liście produktów użytkownicy nie mogli szybko porównać podstawowych parametrów urządzeń. Aby je poznać, musieli przechodzić na stronę każdego produktu, co wydłużało ścieżkę i utrudniało zrozumienie różnic między modelami.
Dlatego zmieniliśmy sposób prezentacji produktów na listach. Od teraz przy każdym modelu użytkownik widzi najważniejsze informacje, m.in. parametry techniczne urządzenia, zdjęcie w aranżacji oraz dodatkowe oznaczenia (np. „Nowość” czy „Czyste Powietrze”).
Porównywarka produktów z eksportem do PDF
Szukając najlepszego produktu do swojej inwestycji, użytkownicy często chcieli sprawdzić co najmniej kilka modeli – musieli otworzyć zakładki każdego z nich i porównać parametry ręcznie.
Zaproponowaliśmy mechanizm, który to upraszcza. Po dodaniu pierwszego produktu na dole ekranu pojawia się pływający pasek, do którego można dodać kolejne modele i jednym kliknięciem przejść do porównywarki. Wybrane produkty zestawiane są w tabeli wraz z technicznym opisem. Całość można wyeksportować do PDF lub udostępnić przez publiczny link.
Interaktywna mapa serwisantów
W przypadku awarii lub przy planowaniu instalacji klienci chcieli szybko znaleźć najbliższe wsparcie. Poprzednia mapa nie pozwalała jednak sprawdzić, który serwisant obsługuje konkretny typ urządzeń.
Aby rozwiązać ten problem, stworzyliśmy nową mapę z wyszukiwarką po kodzie pocztowym lub miejscowości. Po wpisaniu pokazują się autoryzowane punkty BRÖTJE. Przy każdym z nich widać specjalizację firmy w formie ikon (pompy ciepła, kotły gazowe, kotły olejowe).
Efekty
Nowa strona to: intuicyjny UX i prosta architektura informacji
Uporządkowaliśmy ofertę BRÖTJE i dostosowaliśmy sposób prezentacji produktów do potrzeb różnych użytkowników. Dzięki nowej architekturze i interaktywnym narzędziom klienci mogą szybciej znaleźć odpowiednie rozwiązanie, porównać modele i skontaktować się z właściwym specjalistą.
Zobacz w skrócie, co osiągnęliśmy:
Uprościliśmy proces wyboru urządzeń grzewczych, dzięki konfiguratorowi, który prowadzi użytkownika przez pytania i rekomenduje dopasowane produkty.
Skróciliśmy ścieżkę porównania modeli, umożliwiając zestawienie kilku urządzeń w jednej tabeli oraz eksport wyników do PDF.
Ułatwiliśmy kontakt z firmą, wprowadzając warianty formularzy dopasowane do różnych typów zapytań – od budowy domu po współpracę B2B.
Przyspieszyliśmy znalezienie odpowiedniego serwisu, dzięki interaktywnej mapie autoryzowanych punktów z informacją o specjalizacji.
Ułatwiliśmy szybkie zrozumienie oferty – kluczowe parametry i oznaczenia produktów są dostępne bezpośrednio na liście modeli.
Uporządkowaliśmy architekturę informacji i stworzyliśmy spójną koncepcję UX/UI, która wspiera dalszy rozwój serwisu.
Statystyki
440
12
34
51
Twoja strona nie trafia do odbiorców?