step_01
problem
Потрібно було зверстати серію рекламних сторінок для веб-додатку в кіоску. Інтерфейс мав максимально точно відповідати готовому дизайну та правильно виглядати на великому екрані.
terminal://project/04
case: loaded
vlad@portfolio:~$ open case/web-kiosk-ui
WebDesign/Animation
Web-інтерфейс для рекламного кіоску
Точно відтворив дизайн із Figma для великого екрана та реалізував таймер, слайдер, рулетку й анімації.
tech_stack
6 modules
ReactJavaScriptCSS ModulesFigmaResponsive UIAnimations
route: /projects/web-kiosk-ui
status: production_case
focus: ux / speed / business result
step_02
solution
Я розділив інтерфейс на React-компоненти та відтворив сторінки за макетом із Figma. Окремо реалізував зворотний таймер, рекламний слайдер, бонусну рулетку, переходи між блоками й декоративні анімації.
step_03
my_role
Повна frontend-розробка інтерфейсу: верстка за Figma, React-компоненти, стилі, анімації та інтерактивні елементи.
results
1
Точне відтворення дизайну з Figma
2
Робочий зворотний таймер
3
Інтерактивна бонусна рулетка
4
Слайдер і плавні анімації
5
Інтерфейс під великий екран кіоску
gallery
click to explore
5 скріншотів
contact://brief
Потрібен схожий проєкт?
Напиши мені коротко, що потрібно зробити — я запропоную рішення, стек і реалістичні строки.