A landing page for locomotive system from KateVR that expands VR-experience made with HTML and CSS.
- 6 sections + top-bar and footer
- Overlay with embed link to the product presentation video
- Overlays with 'help' and 'faq' sections
- Menu and language selection blocks as overlays on mobile devices (< 1280px)
- Unified design:
- Block structure with reusable components for easy site scaling
- Smilar content-box scaling logic for all sections
- Consistent font styles, effects duration and color palette accross the entire page
- Usability and user experience:
- Responsive design without horizontal scrolling
- Clickable site navigation hyperlinks
- Different first section and 'tech specs' block for tablets and phones for better content fit
- User engagement:
- Hover effects on icons and clickable objects
- Overlays with smooth opening and closing animations
- Floating 'Buy now' button on mobile devices