pl en

STRONA WIZYTÓWKOWA + KONFIGURATOR
Dostawca internetu
"Laito"

Kilka słów o projekcie

Laito to dostawca internetu światłowodowego i telewizji. Moim zadaniem było kompleksowe odświeżenie ich dotychczasowego serwisu i poprawa użyteczności. Wyzwaniem było ułatwienie użytkownikom wyboru skomplikowanych ofert. Zaprojektowałem nowoczesną stronę, której sercem jest interaktywny kalkulator. Wdrożyłem też rozwiązania zwiększające dostępność (kontrast, tryby dla niedowidzących, dark mode), co ułatwia podejmowanie decyzji zakupowych szerokiemu gronu odbiorców.

Moja rola
UX/UI DESIGNER, RESEARTCH
data: WRZESIEŃ 2024
Projekt: STRONA WIZYTÓWKOWA + KONFIGURATOR
Branża: TELEKOMUNIKACJA
Programy: Figma, Affinity Designer/Photo
link: LAITO.PL
empty
empty
empty
empty

Punkt wyjścia

Dotychczasowy serwis klienta nie spełniał aktualnych standardów użyteczności i nie odpowiadał na potrzeby odbiorców. Architektura informacji sprawiała, że użytkownicy gubili się na stronie, a proces dotarcia do konkretnej oferty był zbyt długi. Skutkowało to frustracją i ostatecznie rezygnacją z usług. Ponadto strona nie była dostosowana do potrzeb osób starszych oraz niedowidzących, co stanowiło istotną barierę
w dostępie do oferty.

Cel

  • Zaprojektowanie przejrzystego serwisu zgodnego z zasadami UI/UX na desktopy i urządzenia mobilne.
  • Skrócenie ścieżki wyboru usługi poprzez wdrożenie kalkulatora ofert na stronie głównej.
  • Maksymalizacja dostępności (WCAG) poprzez tryb dla niedowidzących, podwyższony kontrast oraz przełącznik motywu jasny/ciemny.
UŻYTKOWNICY NIE CHCĄ ANALIZOWAĆ OFERT - CHCĄ, ABY SYSTEM POMOGŁ IM SZYBKO PODJĄĆ WŁAŚCIWĄ DECYZJĘ.
Moodboard
Moodboard
Moodboard

Wybrane decyzje strategiczne

analiza i strategia

  Na podstawie środowiska działania firmy oraz feedbacku od klienta zidentyfikowałem kluczowy problem: długi czas dotarcia do informacji obniżający konwersję. Priorytetem strategicznym stało się natychmiastowe skrócenie tego procesu (udostępnienie oferty "na tacy") oraz otwarcie portalu na seniorów i osoby z dysfunkcjami wzroku poprzez politykę accessibility.

ZAŁOŻENIA PROJEKTOWE

  Zaprojektowałem czysty interfejs redukujący szum informacyjny. W centrum struktury strony wyraźnie wyeksponowałem moduł kalkulatora. Zaprojektowałem także łatwo dostępny panel dostępności, umożliwiający użytkownikowi płynną zmianę trybu wyświetlania (Light/Dark mode), zwiększenie kontrastu oraz powiększenie rozmiaru fontów.

PROTOTYP

  Podczas fazy prototypowania i testów główny nacisk położyłem na weryfikację logiki działania oraz czytelność kalkulatora ofert. Szczegółowo sprawdziłem również prawidłowe renderowanie komponentów UI w poszczególnych trybach kontrastu, aby zapewnić bezbłędne działanie wdrożonych opcji dostępności.

 

warsztat
warsztat
warsztat
Kolory
Kolory
Kolory
Kolory
Typografia
Typografia
Typografia

EFEKT

Efektem końcowym jest prosta i czytelna strona zgodna z zasadami UX/UI na desktopy i urządzenia mobilne, która:

  • POZWALA NA SZYBSZE DOPASOWANIE OFERTY DO POTRZEB DZIĘKI UMIESZCZENIU I PRZEBUDOWIE MODUŁU KONFIGURATORA OFERT BEZPOŚREDNIO NA STRONIE GŁÓWNEJ.
     
  • REDUKUJE FRUSTRACJĘ UŻYTKOWNIKÓW WYNIKAJĄCĄ ZE SKOMLIKOWANEGO I DŁUGIEGO PROCESU POSZUKIWANIA USŁUG.
     
  • UŁATWIA UŻYTKOWANIE OSOBOM STARSZYM I NIEDOWIDZĄCYM POPRZEZ WDROŻENIE TRYBU KONTRASU, SKALOWANIA ROZMIARU FONTÓW ORAZ OPCJI DARK/LIGHT MODE.
     
  • POPRAWIA DOSTĘPNOŚĆ PORTALU DLA ZNACZNIE SZERSZEGO GRONA ODBIORCÓW, ELIMINUJĄC BARIERY WYKLUCZENIA CYFROWEGO.
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.