pl en

STRONA WIZYTÓWKOWA + KONFIGURATOR
Explotec
Stolarka okienna i drzwiowa

Kilka słów o projekcie

Explotec to międzynarodowa marka premium z branży stolarki okiennej i drzwiowej. Moim zadaniem było zaprojektowanie nowoczesnej strony wizytówkowej zintegrowanej z zaawansowanym konfiguratorem produktów. Wyzwaniem było połączenie eleganckiego, minimalistycznego designu z techniczną funkcjonalnością. Wdrożenie mini-konfiguratora kolorów oraz systemu szybkiej wyceny nie tylko zbudowało prestiżowy wizerunek marki, ale znacząco przyspieszyło proces ofertowania.

Moja rola
UX/UI DESIGNER | WEB DESIGN
data: GRUDZIEŃ 2024
Projekt: STRONA WIZYTÓWKOWA + KONFIGURATOR
Programy: Figma, Affinity Designer/Photo
empty
empty
empty
empty

Punkt wyjścia

Firma skalująca sprzedaż na rynki zagraniczne potrzebowała narzędzia, które przełamie barierę językową i techniczną. Tradycyjny proces wyceny stolarki wymagał wymiany dziesiątek maili i specyfikacji technicznych, co jednocześnie przekładało się na dłuższy czas realizacji.

Cel

  • ZBUDOWANIE WIZERUNKU MARKI PREMIUM NA RYNKU MIĘDZYNARODOWYM POPRZEZ MINIMALISTYCZNĄ, NOWOCZESNĄ STRONĘ WIZYTÓWKOWĄ.
  • ZAPROJEKTOWANIE ZAAWANSOWANEGO KONFIGURATORA OKIEN I DRZWI W CELU DRASTYCZNEGO PRZYSPIESZENIA PROCESU WYCENY I REALIZACJI ZAMÓWIENIA.
  • OPRACOWANIE INTERAKTYWNEGO MINI-KONFIGURATORA NA KARTACH KATEGORII, POZWALAJĄCEGO UŻYTKOWNIKOWI NA BŁYSKAWICZNĄ ZMIANĘ KOLORÓW OKIEN I DRZWI.
NARZĘDZIE MUSI SPRZEDAWAĆ WIZJĘ INWESTOROWI, JEDNOCZEŚNIE DOSTARCZAJĄC GOTOWĄ SPECYFIKACJĘ JEGO ARCHITEKTOWI.
mapa myśli
mapa myśli
mapa myśli

Wybrane decyzje strategiczne

ANALIZA I STRATEGIA

  Analizując konkurencję i prowadząc rozmowy z klientem o jego oczewkiwaniach oraz problemach zgłaszanych przez klientów, zidentyfikowałem największe "wąskie gardło" – czas oczekiwania na wycenę. Strategia oparła się na odciążeniu działu handlowego poprzez przeniesienie części pracy na użytkownika, ale w formie angażującego doświadczenia. Oczywiście nie zapominając o szerokim asortymencie. Zdecydowałem się na na dość surową kolorystykę która ma za zadanie przekazać wpełni ofertę bez zbędnych wodotrysków.

ZAŁOŻENIA PROJEKTOWE

  Projekt oparłem na stworzeniu czystego, minimalistycznego UI, które "oddycha". Na stronach poszczególnych kategorii zaplanowałem wdrożenie mini-konfiguratora – prostego modułu pozwalającego na zmianę koloru ramy w czasie rzeczywistym. Ze względu na międzynarodowy charakter strony, Nawigację oparta na uniwersalnych ikonach i wzorcach (Accessibility Design), aby zapewnić bezproblemową obsługę użytkownikom z różnych kręgów kulturowych.

PROTOTYP

  Faza prototypowania skupiła się ww dużej mierze na architekturze informacji i logice konfiguratora. Złożone macierze produktowe i techniczne zależności (np. dany system okienny występuje tylko w określonych kolorach) przełożyłem na intuicyjne, krokowe komponenty UI. Rygorystycznie przetestowałem płynność działania przełączników kolorów (mini-konfigurator) oraz ścieżkę finalizacji. Całość zoptymalizowałem pod urządzenia mobilne, gdzie obsługa konfiguratora musiała być równie precyzyjna co na desktopie.

 

warsztat
warsztat
warsztat
warsztat
Kolory
Kolory
Kolory
Typografia
Typografia
Typografia

EFEKT

Zaprojektowany system całkowicie zrewolucjonizował ścieżkę sprzedażową.

  • MINI-KONFIGURATORY ZWIĘKSZYŁY ZAANGAŻOWANIE UŻYTKOWNIKÓW NA STRONIE.

  • INTUICYJNY PROCES KONFIGURACJI WYELIMINOWAŁ BŁĘDY W ZAPYTANIACH OFERTOWYCH, SKRACAJĄC CZAS OBSŁUGI LEADA PRZEZ HANDLOWCÓW.

  • MINIMALISTYCZNA, ESTETYCZNA WIZYTÓWKA SKUTECZNIE SPOZYCJONOWAŁA EXPLOTEC JAKO MARKĘ PREMIUM W OCZACH ZAGRANICZNYCH INWESTORÓW.
mockup
mockup
mockup
mockup

Na co czekasz?
Napisz!

Skoro już tu dotarłaś/eś…
to szkoda byłoby nie napisać, prawda?

Może masz pomysł na stronę, markę albo aplikację. Może tylko chcesz zapytać: „da się to w ogóle zrobić?”
Spoko – pisz śmiało. Rozmowa nic nie kosztuje, a z niej często rodzą się najlepsze projekty (i najdziwniejsze pomysły).

Kliknij „wyślij” i zobaczmy, dokąd nas to zaprowadzi.

Wysyłając formularz, akceptujesz naszą politykę prywatności.