Transforming the E-bike Online Purchasing Experience
Transforming the E-bike Online Purchasing Experience
Overview
Overview
EMotorad (EM) is an electric vehicle company dedicated to making futuristic e-bikes affordable for adventure seekers, daily commuters, and casual riders. Despite their innovative product line, EM faced significant challenges with their website, including a high bounce rate and a poor user experience. Our goal was to address these issues through a comprehensive website redesign.
EMotorad (EM) is an electric vehicle company dedicated to making futuristic e-bikes affordable for adventure seekers, daily commuters, and casual riders. Despite their innovative product line, EM faced significant challenges with their website, including a high bounce rate and a poor user experience. Our goal was to address these issues through a comprehensive website redesign.
Role
Role
UX/UI Designer
UX/UI Designer
UX/UI Designer
UX/UI Designer
Team Involved
Team Involved
Designer, Developers, Marketing Team, Stakeholders
Designer, Developers, Marketing Team, Stakeholders
Time Frame
Time Frame
2 Months
2 Months
2 Months
2 Months
Problem Statement
Problem Statement
EMotorad struggled with a high bounce rate of 87.58% and a disjointed user experience, leading to inefficiencies for their sales team and numerous customer queries. Critical issues included slow website speed, ineffective splash screens, autoplay videos, and visual design elements that overshadowed the products. This case study outlines how our redesign tackled these issues, enhancing user engagement, reducing bounce rates, and empowering the sales team.
EMotorad struggled with a high bounce rate of 87.58% and a disjointed user experience, leading to inefficiencies for their sales team and numerous customer queries. Critical issues included slow website speed, ineffective splash screens, autoplay videos, and visual design elements that overshadowed the products. This case study outlines how our redesign tackled these issues, enhancing user engagement, reducing bounce rates, and empowering the sales team.
Key Issues and Solutions
Key Issues and Solutions
Splash Screen
Problem: A splash screen appeared on every page, delaying the display of important information and increasing page load times.
Problem: A splash screen appeared on every page, delaying the display of important information and increasing page load times.
Solution: We removed the splash screens, reducing page load times by 2-3 seconds, which improved user experience and boosted conversions.
Solution: We removed the splash screens, reducing page load times by 2-3 seconds, which improved user experience and boosted conversions.
Website Speed
Problem: The website's fully loaded time was 18.8 seconds, far exceeding the ideal load time of 3 seconds or less. This slow performance affected both user experience and Google rankings.
Problem: The website's fully loaded time was 18.8 seconds, far exceeding the ideal load time of 3 seconds or less. This slow performance affected both user experience and Google rankings.
Solution: Optimized website speed by:
Compressing images and files
Implementing lazy loading for images
Minimizing HTTP requests
Leveraging browser caching
These changes brought the load time down significantly, improving the conversion rate and search engine rankings.
Solution: Optimized website speed by:
Compressing images and files
Implementing lazy loading for images
Minimizing HTTP requests
Leveraging browser caching
These changes brought the load time down significantly, improving the conversion rate and search engine rankings.
Autoplay Video
Problem: Autoplay videos started on scroll, irritating users and disrupting their browsing experience.
Problem: Autoplay videos started on scroll, irritating users and disrupting their browsing experience.
Solution: Changed the autoplay setting to play videos only on click and without sound by default, giving users the option to turn on audio if desired. This reduced user frustration and improved engagement.
Solution: Changed the autoplay setting to play videos only on click and without sound by default, giving users the option to turn on audio if desired. This reduced user frustration and improved engagement.
Overlay on Products
Problem: A black overlay on products made them difficult to see, detracting from the shopping experience.
Problem: A black overlay on products made them difficult to see, detracting from the shopping experience.
Solution: Removed the black overlay to make the products more visible and created a more product-focused design, enhancing the visual appeal and usability.
Solution: Removed the black overlay to make the products more visible and created a more product-focused design, enhancing the visual appeal and usability.
BEFORE
AFTER
Button’s Visibility
Problem: Buttons were designed in a secondary state, making them less visible and harder for users to find and interact with.
Problem: Buttons were designed in a secondary state, making them less visible and harder for users to find and interact with.
Solution: Redesigned buttons to appear as primary elements, improving their visibility and making it easier for users to perform actions like purchasing or signing up.
Solution: Redesigned buttons to appear as primary elements, improving their visibility and making it easier for users to perform actions like purchasing or signing up.
BEFORE
AFTER
Product Images
Problem: Product images were not prominently displayed on product pages, and multiple images showing different angles were not available.
Problem: Product images were not prominently displayed on product pages, and multiple images showing different angles were not available.
Solution: Redesigned product pages to feature the product image upfront and added multiple images from different angles, providing a better shopping experience and helping users make informed decisions.
Solution: Redesigned product pages to feature the product image upfront and added multiple images from different angles, providing a better shopping experience and helping users make informed decisions.
Graphic Elements
Problem: Excessive graphic elements made the site feel cluttered and overshadowed the products.
Problem: Excessive graphic elements made the site feel cluttered and overshadowed the products.
Solution: Simplified the design by reducing the number of graphic elements, creating a cleaner, more focused layout that highlighted the products and improved overall aesthetics.
Solution: Simplified the design by reducing the number of graphic elements, creating a cleaner, more focused layout that highlighted the products and improved overall aesthetics.
Bounce Rate
Problem: The website had a high bounce rate of 87.58%, indicating that users were leaving the site quickly, often without interacting.
Problem: The website had a high bounce rate of 87.58%, indicating that users were leaving the site quickly, often without interacting.
Solution: By addressing the aforementioned issues—improving load times, enhancing visibility of key elements, and reducing distractions—we created a more engaging user experience that kept visitors on the site longer and reduced the bounce rate.
Solution: By addressing the aforementioned issues—improving load times, enhancing visibility of key elements, and reducing distractions—we created a more engaging user experience that kept visitors on the site longer and reduced the bounce rate.
Result
Our redesign resulted in:
Significantly reduced page load times
Enhanced user experience and engagement
Lower bounce rate
Improved visibility of products and key elements
Greater satisfaction for the marketing and sales teams
This comprehensive approach not only solved existing issues but also set a strong foundation for EMotorad’s future growth and customer satisfaction.
Our redesign resulted in:
Significantly reduced page load times
Enhanced user experience and engagement
Lower bounce rate
Improved visibility of products and key elements
Greater satisfaction for the marketing and sales teams
This comprehensive approach not only solved existing issues but also set a strong foundation for EMotorad’s future growth and customer satisfaction.
Let's Connect
Reach Out to Start a Conversation or Collaborate on Exciting Projects