step_01
problem
Zadanie polegało na stworzeniu zestawu stron reklamowych dla aplikacji webowej uruchamianej w kiosku. Interfejs musiał dokładnie odpowiadać gotowemu projektowi i dobrze wyglądać na dużym ekranie.
terminal://project/04
case: loaded
vlad@portfolio:~$ open case/web-kiosk-ui
WebDesign/Animation
Interfejs webowy dla kiosku reklamowego
Odwzorowałem projekt z Figmy na duży ekran oraz wykonałem licznik, slider, koło nagród i animacje.
tech_stack
6 modules
ReactJavaScriptCSS ModulesFigmaResponsive UIAnimations
route: /projects/web-kiosk-ui
status: production_case
focus: ux / speed / business result
step_02
solution
Podzieliłem interfejs na komponenty React i odtworzyłem strony na podstawie projektu z Figmy. Wykonałem również licznik czasu, slider reklamowy, koło bonusowe, przejścia między sekcjami i animacje.
step_03
my_role
Pełna realizacja frontendu: układ według Figmy, komponenty React, style, animacje i elementy interaktywne.
results
1
Dokładne odwzorowanie projektu z Figmy
2
Działający licznik czasu
3
Interaktywne koło bonusowe
4
Slider i płynne animacje
5
Interfejs przygotowany na duży ekran kiosku
gallery
click to explore
5 zrzutów ekranu
contact://brief
Potrzebujesz podobnego projektu?
Napisz krótko, co trzeba zrobić — zaproponuję rozwiązanie, stack i realistyczny termin.