Get ready to innovate. Explore all our services.

View All Services

Drop us a line at [email protected]

or schedule a call and share your story with us

User friendly Shopify E‑commerce of vehicle‑grade scooters

Brand
Apollo Scooters
Location
Montreal, Canada
Clutch Review
5.0
Client
Apollo Imports Inc
Budget
Confidential
Industry
  • Retail
  • Electric Mobility
Environment
  • Shopify
Release
2021
PROBLEM
Apollo Scooters, with whom we've already worked on their mobile app, had a successful E-commerce website, but they were experiencing a significant drop in engagement and sales due to the website's lack of mobile-friendly solutions. Recognizing that the majority of their traffic came from mobile devices, they sought a solution to address this pressing concern.
SOLUTION
We thoroughly analyzed Apollo's existing website using a cognitive walkthrough and the Hotjar website heatmap tool. This enabled us to pinpoint the website's most and least engaging sections and elements. Based on our findings, we recommended a complete redesign of the website with a focus on mobile devices. We also recommended a more visual approach to showcase the product.
VALUE DELIVERED
The new website not only met Apollo’s objectives but also exceeded their expectations. Our work led to a significant improvement in the website’s mobile user experience, engagement, and conversion rates. By prioritizing essential e-commerce features, we eliminated unnecessary text and enhanced the visuals by integrating prominent images and product photos. The website is now mobile-friendly, and customers can buy and navigate it easily, regardless of device.
project outcome

Our work in numbers

Conversion Rate Increase
+41.37%
Organic Transaction Increase
+70%
SEO Revenue Increase
+120%

ABOUT APOLLO SCOOTERS

Electric scooters go mobile-first

Our collaboration with Apollo Scooters came about naturally, as we’ve previously worked on their mobile app’s interface and usability. This time, the Canadian electric scooter manufacturer needed a mobile-first redesign of their E-commerce platform, which was an exciting opportunity to showcase our design and development capabilities. We worked closely with the client to understand their needs and objectives, which allowed us to create a solution that exceeded their expectations.

TIMELINE

Planning ahead

We broke down the project into several stages to ensure a systematic and efficient execution. Starting with the analysis of the existing website, we then proceeded to create redesign recommendations. Before diving into the UI design, we presented low-fidelity screens to the client for their valuable feedback and input.

SCOPE

Our creative process

Our scope of work encompassed a complete redesign of the website, with a strong emphasis on mobile devices. We also optimized the website for improved performance and user experience, which involved enhancing page speed, implementing new features, and ensuring compatibility across all devices and browsers.

TEAM

Top-notch minds behind the top-notch site

Our team consisted of designers, developers, and project managers who worked cohesively to ensure the project's success. Throughout the entire process, we maintained open communication with the client, placing their needs and objectives at the forefront of our decision-making.

PRODUCT PAGE

Seamless product showcase

The redesigned product page aims to enhance the user experience and drive bundle sales. By incorporating different scooter types and variants, we provided users with a seamless browsing experience to help them choose the perfect scooter for their needs. We implemented a user-friendly table that presented comprehensive technical specifications for each scooter, facilitating informed decisions and easy model comparisons.

COMPARE

Finding your perfect scooter

Our goal was to make scooter comparison simple and convenient for users. To achieve this, we designed an intuitive table with drop-down menus, enabling users to easily select and compare vehicles. Each scooter's specifications were presented with clear icons for quick identification. This feature empowered users to find the ideal scooter that met their specific requirements.

QUIZ

Engagement guaranteed

To assist users in finding the most suitable scooter model, we created a straightforward quiz. By answering a series of tailored questions, users received personalized results displaying a matching percentage and a suggested scooter model. This interactive quiz introduced an element of engagement to the user experience and helped users make well-informed decisions.

USER ACCOUNT

Next-level customer loyalty

This user-friendly dashboard was designed for Apollo’s customers to quickly access and manage their accounts, providing a clear overview of accumulated points, which allow users to redeem rewards such as discounts or free shipping. Additionally, users were encouraged to earn more points through actions like making a purchase or following the brand on Instagram. This enhanced user account feature enriched the overall customer experience and fostered brand loyalty.

ACCESSORIES

Scooters and scooter accessories

To complement the range of scooters, we designed a dedicated page to give scooter-related accessories a more significant role. The page includes convenient filters that allow users to refine their search based on compatibility, price range, and product type. By streamlining the browsing experience, users could easily find and purchase accessories that enhanced their experience with the product.

MOBILE

Mobile-first

We adopted a mobile-first approach, prioritizing the mobile experience during the entirety of the design process. Our focus on intuitive and visually appealing mobile screens ensured a seamless and enjoyable user experience on all sorts of mobile devices, regardless of screen size. Thanks to this approach, we optimized the user journey and made browsing easier for the majority of site traffic.

TYPOGRAPHY

Bold is the way forward

In crafting the visual identity for the first iteration of the website, we carefully selected two typefaces that complement each other. For headlines, we went with Nimbus, a bold and heavy font that gives a strong and modern impression, capturing users' attention. For the body text, we employed Gimbus, a font whose role was to harmonize with the headlines and provide readability and balance throughout the page.

COLORS

Energizing the brand

Building upon the previously chosen color palette, we extended it with additional shades to enhance the brand experience and recognizability. The strategic use of various shades of blue and brown conveyed a sense of innovation, trust, and reliability, while the vibrant orange accent color added excitement and playfulness to Apollo’s aesthetic, capturing users' attention.

Clutch logo image5.0

They were one of the best UX designers and developers I’ve worked with.

Maciek Piskorz

Apollo Scooters

ARE YOU READY?

Let’s build your next digital product

Contact Us

We use cookies to deliver services in accordance with the Privacy Policy. You can specify the conditions for storage or access to cookies in your browser or the configuration of the service.

Just great!Read more