Czarna Góra Resort

Nowy design strony i uproszczenie procesu zakupu karnetów

Figma
UX/UI
Design system

To samo magiczne miejsce,
z nowymi horyzontami.

Czarna Góra Resort to nowoczesny kompleks turystyczny położony w Sudetach, oferujący całoroczne atrakcje. Zimą jest to przede wszystkim narciarstwo, natomiast latem dostępne są liczne trasy rowerowe. Ośrodek ten przyciąga co roku setki tysięcy turystów.
Celem projektu było stworzenie strony internetowej z elementami e-commerce, która pełni rolę kluczowego punktu styku z Klientem. Serwis realizuje podwójną funkcję: buduje nowoczesny wizerunek lidera w branży oraz stanowi główny kanał sprzedaży karnetów narciarskich i rowerowych. Priorytetem wdrożenia nowej infrastruktury jest maksymalizacja konwersji oraz wzrost rozpoznawalności marki.
W ramach prac przeprowadziłem dogłębny research rynku, analizę grup docelowych oraz identyfikację bieżących problemów użytkowników. Realizując kolejne fazy projektowania doświadczeń użytkownika (UX), finalnie stworzyłem projekt nowej strony internetowej, który optymalnie odpowiada na strategiczne oczekiwania biznesowe resortu.
+ 20
Zaprojektowanych freamów dla rozdzielczości desktop i mobile
- 50%
Proces zamówienia karnetów jest teraz o co najmniej połowe krótszy
+ 5
Nowych lub ulepszonych funkcjonalności, które pozytywnie wpływają na UX
+ 25
Istotnych zmian w zakresie UX lub UI, wpływających na konwersje
"Super dbasz o spacing, robisz dobre układy typograficzne, masz oko do kompozycji. Twój projekt jest naprawdę dobry."
Tom Biskup
Art director & Designer
* ocena projektu na podstawie uczestnictwa w kursie Digital Designer

Lato i zima.
Na jednej stronie.

Jedną z kluczowych funkcjonalności nowej witryny jest możliwość intuicyjnego przełączania się między sezonem letnim a zimowym. Ta dynamiczna zmiana powoduje modyfikację zarówno treści, jak i całej warstwy wizualnej serwisu.
W ten sposób prezentujemy z wyprzedzeniem klimat, ofertę oraz kluczowe atrakcje kolejnego sezonu, co ma na celu stymulowanie wczesnej konwersji w postaci rezerwacji noclegów oraz zakupu karnetów.
Co uległo zmianie względem poprzedniego designu?
  • Wysokość przycisków została zwiększona z 30px (1.875 rem) do 48px (3 rem)
  • Przyciski umieszczono po prawej stronie, dla lepszej architektury informacji
  • Wprowadzenie dużego labelu na mniejszych rozdzielczościach, który umożliwia zmianę sezonu
  • Kolor sezonu letniego został zmieniony z żółtego na zielony, co lepiej koresponduje z wizualną identyfikacją tego sezonu

Od nawigacja do konwersji.

Badania pokazują, że 94 % użytkowników uznaje łatwą nawigację za najważniejszą cechę strony internetowej. W przypadku omawianego projektu, architektura informacji menu nie była oczywista, dlatego moim głównym celem było zachowanie czystej, intuicyjnej nawigacji, wzorowanej na jednym z największych ośrodków narciarskich – Les 3 Vallées.
Co uległo zmianie względem poprzedniego designu?
  • Tylko cztery linki nawigacyjne, z kluczowymi kategoramii
  • Utworzono komponent z najnowszymi informacjami o ośrodku
  • Od teraz user ma dostęp do swojego konta oraz koszyka zakupowego
  • Wprowadzenie dużego labelu na mniejszych rozdzielczościach, który umożliwia zmianę sezonu
  • Dodano "top-bar" z podglądem warunków live, zmianą języka, kontaktem oraz dostęp do podstrony dla klientów biznesowych

5 różnorodnych hoteli.
Dedykowane podstrony.

W skład Czarnej Góry Resort wchodzą różne obiekty, dedykowane różnym grupom docelowym. Dlatego też zaproponowałem dedykowane podstrony, które zostaną stworzone wedle wypracowanego szablonu, ale będą różnić się komunikacją i zdjęciami.
Poszczególne landing page hoteli to także świetne miejsce docelowe na przyszłe kampanie reklamowe oraz zbieranie dodatkowych danych na temat zachowań użytkowników (userów).
Co uległo zmianie względem poprzedniego designu?
  • Każdy hotel otrzymał swój własny LP (landing page)
  • Wprowadzono komponenty prezentujące dostępne pokoje wraz z możliwością rezerwacji
  • Dodano najpopularniejsze atrakcje w hotelu dla dorosłych i dzieci
  • Uwzględniono informacje na temat nadchodzących wydarzeń w Czarna Góra Resort
  • Komponenty dotyczące Pass365, lobby baru i restauracji

Zamów karnet,
na swoich zasadach.

Poprzednia wersja strony internetowej została stworzona w oparciu o Woocommerce. Konsekwencją tej decyzji projektowej była sytuacja, w której poszczególne wariacje karnetów stanowiły osobny produkt. W mojej ocenie był to duży błąd UX, utrudniający cały proces konwersji.
Za kluczowy punkt obrałem znaczącą optymalizację tego etapu zakupowego. W wyniku procesu projektowego zaproponowałem stronę produktową, która stanowi mini-konfigurator karnetu narciarskiego lub rowerowego. Projektując widoki, brałem także pod uwagę obiekcje użytkowników, dlatego wprowadziłem dodatkowe komponenty mające na celu rozwianie wszelkich wątpliwości.
Co uległo zmianie względem poprzedniego designu?
  • Strona produktowa to teraz 1 strona
  • Kupno karnetów dostępne jest na tej samej domenie. Brak subdomen.
  • W każdej chwili możesz kupić karnet rowerowy i narciarski. Wystarczy przełączyć się pomiędzy sezonami.
  • Wprowadzenie dużego labelu na mniejszych rozdzielczościach, który umożliwia zmianę sezonu
  • Dodatkowe komponenty dotyczące udostępnianych tras, okolicy i karty PASS 365.

Zobacz pozostałe case study