step_01
problem
The task was to build a set of promotional pages for a kiosk web application. The interface had to closely match the provided design and display correctly on a large screen.
terminal://project/04
case: loaded
vlad@portfolio:~$ open case/web-kiosk-ui
WebDesign/Animation
Promotional web kiosk interface
Recreated the Figma design for a large display and implemented a countdown, slider, prize wheel and animations.
tech_stack
6 modules
ReactJavaScriptCSS ModulesFigmaResponsive UIAnimations
route: /projects/web-kiosk-ui
status: production_case
focus: ux / speed / business result
step_02
solution
I divided the interface into reusable React components and recreated the pages from Figma. I also implemented a countdown timer, promotional slider, bonus wheel, section transitions and decorative animations.
step_03
my_role
Complete frontend development: Figma-based layout, React components, styling, animations and interactive elements.
results
1
Accurate Figma implementation
2
Working countdown timer
3
Interactive bonus wheel
4
Slider and smooth animations
5
Interface prepared for a large kiosk display
gallery
click to explore
5 screenshots
contact://brief
Need a similar project?
Message me briefly about what you need — I’ll suggest a solution, stack and realistic timeline.