We went the extra mile to ensure a webshop that focuses on transparency and fun. Bike enthusiasts should feel that when they visit the website, it is made to accommodate their commuting and traveling needs. We created a bike builder to show them what the bike will look like in the color of their choosing and what additional elements will look like on the bike. It provides a good sense of what buyers can expect once they see the bike on their doorstep. This experience is as smooth on mobile as it is on desktop.
Ahooga is all about color, joy and movement. This is what we want to show the user when the land on the website. We created animations to show the bikes posibilities and created a brief for the photographer to create amzing imagery.
A dynamic preview of the bike makes the color, model, finish, and accessories of the bike change immediately, creating a smooth step-by-step customization page before it’s added to the cart. To explore new technologies, we expanded our tech stack with Shopify Liquid, Tailwind, and Vue 3. Multiple 3D product renders were created on a big scale in a limited time period. We achieved page speed with heavy renders using the new .webp and .webm media formats.
Our design system approach is applied to all platforms and ensures quality and consistency through component-based design elements and atomic design principles. By using shared libraries and synchronized elements, our designers and developers are able to work smoothly and efficiently. Take a look at our design systems yourself.