Typ projektu: non-profit / w ramach organizacji CodersCrew
Zakres: projekt strony internetowej w Figmie
Opis projektu
Projekt został zrealizowany w ramach działalności non-profit organizacji CodersCrew, w której działam jako UI Designer. Celem było stworzenie nowoczesnej, estetycznej i funkcjonalnej strony internetowej dla osoby prowadzącej zajęcia skateboardingu dla dzieci. Strona miała być atrakcyjna zarówno dla rodziców, poszukujących wartościowych zajęć dla swoich pociech, jak i la dzieci, które dzięki wizualnym elementom mogły poczuć klimat skateboardingu.
Zakres prac
- Analiza potrzeb klienta i grupy docelowej.
- Przygotowanie wireframe’ów w Figmie.
- Stworzenie design systemu (kolorystyka, typografia, komponenty).
- Zaprojektowanie interfejsu użytkownika w Figmie.
- Przygotowanie interaktywnego prototypu.
- Współpraca z zespołem developerskim przy wdrożeniu strony.
Paleta kolorystyczna
Kolorystyka projektu została zaprojektowana tak, aby oddawała energię i dynamikę sportów miejskich – dominują żywe barwy (akcenty kolorystyczne inspirowane deskorolką i kulturą streetwear), zestawione z bielą i ciemniejszymi odcieniami dla kontrastu.
#BF83FB
#38BCF7
#FABE24
#2DD3BE
Typografia
Do typografii wykorzystano nowoczesne fonty sans serif, które zapewniają przejrzystość i czytelność treści, a przy okazji nadają stronie młodzieżowego, dynamicznego charakteru:
- nagłówki: PoetsenOne,
- tekst: Roboto.
Akademia Skateboardingu
Akademia skateboardingu jest idealnym miejscem zarówno dla tych, którzy chcą postawić pierwsze kroki na deskorolce, jak i dla tych, którzy pragną rozwijać swoje umiejętności pod okiem doświadczonych instruktorów.
Proces projektowy
- Zrozumienie wymagań – przeanalizowaliśmy potrzeby klienta i oczekiwania grupy docelowej (rodzice + dzieci).
- Badania i analiza – określiliśmy, jakie informacje są najważniejsze i w jaki sposób rodzice wyszukują zajęcia dla dzieci.
- Wireframe’y – w Figmie przygotowałam szkice strony z naciskiem na przejrzyste sekcje informacyjne oraz formularz zapisów.
- Projekt interfejsu – opracowałam layout strony, dopasowaną kolorystykę i typografię, a także elementy graficzne związane z kulturą skateboardingu.
- Design system – przygotowałam spójny zestaw komponentów (kolory, typografia, przyciski, układy kart i formularzy), co pozwoliło zachować konsekwencję wizualną w całym projekcie i ułatwiło wdrożenie.
- Prototypowanie – w Figmie stworzyłam interaktywny prototyp, który umożliwiał testowanie nawigacji i doświadczenia użytkownika.
- Przekazanie projektu – finalny projekt został dostarczony zespołowi developerskiemu.
Efekty
Powstała strona internetowa, która w nowoczesny i atrakcyjny sposób prezentuje ofertę Akademii Skateboardingu. Dzięki intuicyjnej nawigacji i odpowiednio zaprojektowanym sekcjom rodzice szybko znajdują niezbędne informacje, a kolorystyka i akcenty wizualne budują energiczny, sportowy klimat. Projekt łączy funkcjonalność z charakterem kultury skateboardingu i został pozytywnie odebrany zarówno przez klienta, jak i użytkowników.
Stronę można zobaczyć pod adresem: https://skateas.pl/
