Sleek Shopify store selling vehicle‑grade scooters

Our collaboration with Apollo Scooters came about naturally, as we’ve previously worked on their mobile application’s interface and usability. This time, the Canadian electric scooter manufacturer needed a mobile-first redesign of their e-commerce store. We worked closely with the client to understand their needs and objectives, which allowed us to develop a solution that went beyond what they had envisioned.

We broke down the project into several stages to ensure a systematic and efficient execution. We started by analyzing the existing website and then moved on to propose new design ideas. Before finalizing the visual design, we shared preliminary design concepts with the client to understand their preferences and feedback.

Our project scope covered a website redesign, focusing primarily on mobile device compatibility. Our work included optimizing the site for better performance and user experience. This meant increasing page speed, adding new features, and guaranteeing smooth operation on various devices and browsers.

Our team, made up of designers, developers, and project managers, worked together flawlessly to ensure the project's success. We maintained open communication with the client throughout each phase, making sure that their needs and objectives were at the heart of our strategic decisions.

The goal of the reimagined product page was to improve the user's experience. We did so by showcasing various scooter types and models, offering a smooth and intuitive browsing experience tailored to help users find the ideal scooter. A clear and accessible table displaying detailed technical specifications for each model was also introduced, aiding users in making well-informed choices and effortlessly comparing different models.

We aimed to streamline the process of comparing scooters for convenience. By introducing an easy-to-use table featuring drop-down selections, users could effortlessly compare different models. Every scooter's features were displayed with unique icons, allowing for fast identification. This design helped customers quickly find the scooter that matched their specific preferences.

We developed an interactive quiz tailored to guide users to their ideal scooter. By responding to personalized questions, the results generated included a compatibility percentage alongside a suggested model that best fits their preferences.

We introduced a points-based feature aimed at enhancing customer loyalty. This new system allows Apollo's customers to accumulate points through various interactions with the brand. Points are awarded for several activities, including making purchases and engaging with Apollo Scooters on social platforms, such as Instagram. A key benefit of this system is that it enables customers to exchange their points for appealing rewards, such as discounts and free shipping. It serves to enrich the user experience, while at the same time nurturing a deeper connection between customers and the brand.

A specialized page was developed to highlight scooter-related accessories. Included on this page are user-friendly filters, enabling customers to narrow down their search by criteria, such as compatibility with specific scooter models, price range, and the type of product they're interested in. This streamlined approach to browsing simplifies the process for users to locate and purchase accessories, thereby augmenting their overall experience with the scooter products.

Embracing a mobile-first strategy, our design process prioritized the mobile user experience. Our focus was on developing mobile interfaces that were intuitive and aesthetically pleasing, ensuring a seamless and satisfying user experience on various mobile devices, regardless of their screen sizes.

In establishing the visual identity for the initial version of the website, our team chose two typefaces that pair well together. Nimbus was selected for headlines, offering a bold and substantial presence, which effectively captures the attention of users with its strong, contemporary feel. For the main text, we opted for Gimbus, a typeface designed to complement Nimbus in the headlines. Its primary role is to ensure readability and maintain visual balance across the website, making the content both engaging and easy to follow.

We decided to improve the brand's visual appeal and make it more distinctive. The deliberate selection of different hues of blue and brown communicated innovation, trustworthiness, and dependability. To inject a lively and playful element into Apollo’s aesthetic, a vibrant orange accent color was introduced. It serves to capture the attention of users, adding an energetic and appealing aspect to the overall design.