Home

Curling Łódź

Redesign strony internetowej dla pierwszego w Polsce toru curlingowego.

Moja rola

UX/UI designer

Narzędzia

Figma

Miro

Jira

Wyzwanie

Istniejąca strona nie przyciągała klientów, często użytkownicy nie wiedzieli również która oferta byłaby dla nich najodpowiedniejsza pod względem poziomu zaawansowania. Również proces rezerwacji sprawiał kłopoty.

Rozwiązanie

Umożliwiłam użytkownikom rezerwacji toru lub eventu przez stronę internetową. Zadbałam o architekturę informacji oraz nowy design.

Proces

Desk research

Architektura informacji

UX competitor analysis

High fidelity wireframes

Paper prototyping

UI design

Desk research

Istniejąca strona pod względem struktury oraz funkcji była dosyć rozbudowana. Podczas tej analizy weryfikowałam między innymi czy strona pozwala na swobodne poruszanie się po witrynie oraz realizację potrzeb użytkownika.

W trakcie tych działań, zrodziło się wiele pytań. Podczas kolejnego spotkania z klientem omówiliśmy wszystkie zastanawiające mnie kwestie. Między innymi pytałam o rodzaj prowadzonych zajęć na torze curlingowym, ich przebieg itp.. Jednocześnie otrzymałam wytyczne oraz oczekiwania co do designu.

W następnym etapie zapoznałam się zarówno z zasadami curlingu, jak i sposobem przeprowadzania rozgrywki. Dodatkowo zgłębiłam historię tego sportu oraz używany w nim sprzęt. Dowiedziałam się także o kluczowych umiejętnościach wymaganych do efektywnej gry oraz o różnych strategiach, jakie zawodnicy mogą zastosować na lodowisku.

Architektura strony

Opracowałam strukturę strony, tak aby, treści na stronie były uporządkowane oraz łatwe i szybkie do wyszukiwania i przeglądania.

UX competitor analysis

Wykonałam analizę konkurencji bezpośredniej oraz pośredniej.

W przypadku konkurencji pośredniej analizowałam takie serwisy jak: Booksy, e-bilet czy Zalando.

Konkurencji bezpośrednia dostarczyła mi informacji z zakresu m.in. architektury informacji.

Paper prototyping

Następnie przelałam na papier pierwsze pomysły i koncepcje. Skupiłam się na odpowiedniej nawigacji oraz na tym jakie informacje i w jakim miejscu przedstawić.

High fidelity wireframes

Następnie rozpoczęłam prace nad wireframes. Doprecyzowałam treść oraz ustaliłam strukturę sekcji i poszczególnych podstron.

UI design

Zgodnie z estetyką firmy i wymaganiami klienta stworzyłam nowy design. Opracowałam typografię oraz kolorystykę.

Przed
Po

Koniecznie zobacz inne moje prace

Zobacz inne moje prace