Role
- Front-end development
- Team leading
- Choosing tech stack and app architecture
Technologies
TypeScript
React.js
Next.js
GSAP
Framer Motion
Stripe
Sass
Main responsibilities
- Developing front-end application in React.js (Next.js) from scratch.
- Leading and mentoring front-end team.
- Creating advanced animations of the product.
- Implementing 3D animations based on given renders in canvas.
- Co-operating with the UX/UI team and 3D engineer.
Main features
Premium Experience
Unique presentation slider, that reveals main products.
Engaging Bike Presentation
Animated product introduction that engages user to focus on the main features.
Animated 3D Renders
Features of the bike presented in a form of slides, where each slide has it's own 3D animation rendered on canvas in 60 FPS.
Advanced Customization
Product customization is very flexible, allowing to choose the color, build, size or upgrades make the product personalized and unique.
Animated Gallery
Gallery presented in a form of grid animated in a subtle way while scrolling.
Interactive Suspension
Animated suspension that can be freely controlled by user to see how it behaves in real, riding conditions.
Geometry Diagram
Interactive diagram that highlights active parts of the bike selected in the table.
