step_01
problem
Нужно было сверстать набор рекламных страниц для веб-приложения в киоске. Интерфейс должен был максимально точно соответствовать готовому дизайну и правильно выглядеть на большом экране.
terminal://project/04
case: loaded
vlad@portfolio:~$ open case/web-kiosk-ui
WebDesign/Animation
Веб-интерфейс для рекламного киоска
Точно повторил дизайн из 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
Нужен похожий проект?
Напиши мне коротко, что нужно сделать — я предложу решение, стек и реалистичные сроки.