Hero section of the EVIE S1 product page featuring the tagline "Here Comes The Future," showcasing the smart e-bike with a classic step-over frame in Space Black, displayed on a laptop screen.

EVIE S1

Mar 24′ – May 24′
Overview

The EVIE S1 is a cutting-edge e-bike designed for urban mobility, blending performance, sustainability, and technology. It features a sleek design, powerful motor, and smart connectivity, ideal for eco-conscious commuters. This project focused on creating a product information page that showcases the bike’s key features, emphasizing ease of use, advanced tech, and a commitment to sustainability.

Role

Lead Product Designer & Coordinator
Content structure, Visual design, 3D asset refinement, Site building, Coordination with marketing, stakeholders, and freelancers.

Tools

Figma, Shopify, GemPages, Adobe Photoshop, Cinema 4D

See Live Site

Background

As the lead designer for the EVIE S1 product page, I initiated the project by drafting the initial visuals, which guided the creation of a user-centric platform. I worked closely with the marketing team and stakeholders to ensure the design met business objectives. My responsibilities also included structuring content, refining 3D visual assets, designing the webpage with GemPages, and coordinating custom feature development with freelancer.

Objectives

  • Clear Communication: Deliver content in a concise and effective way, allowing users to quickly grasp important information without feeling overwhelmed.
  • Enhanced Usability: Improve the user journey by optimizing the site’s navigation and interaction points, ensuring a smooth and intuitive experience.
  • Visual Appeal: Design with aesthetics that captivate users while supporting the brand’s identity and message.
  • Responsive Design: Build a site that performs well on all devices, from desktops to mobile phones, ensuring a consistent and enjoyable experience for all users.

Challenges

  • Content Structure: The primary challenge was to structure the content in a manner that prevented overload, ensuring users could easily navigate and absorb key information without feeling overwhelmed.
  • Visual Messaging: It was crucial to ensure that every visual element not only looked appealing but also effectively communicated the intended message, supporting the overall narrative of the product.

Progress

Content Structuring:

We began by brainstorming and reorganizing content to create a more intuitive flow for users. This involved grouping information in innovative ways to enhance clarity and reduce cognitive load.

Visual representation of the EVIE Bikes content structuring and storytelling process, highlighting the grouping of features such as security, connectivity, and performance, alongside a story map that illustrates the flow from bike parking to cycling.

Visual Storytelling:

Next, we developed visuals that effectively tell the product story. Drafts and iterations were created in Figma, focusing on how best to communicate the EVIE S1’s key features and benefits through design.

The Outcome

Organized Content:

The redesigned page features better-organized content, making it easier for users to navigate and understand key information.

Comparison of the EVIE S1 product content organization, showing the before and after states. The "Before" section displays a less structured grouping, while the "After" section highlights a more organized and categorized content flow, including sections like Security, Performance, and Design.

Balanced Design:

We achieved a balance between detailed information and appealing visuals, ensuring that the page is both informative and visually engaging.

Clearer and Relatable Messaging:

We transformed technical specs into relatable content. The bike’s 70km range is now visualized using a city map, making it easier for users to grasp its practical use.

Interactive Elements:

Pop-up overlays were introduced to provide in-depth content without cluttering the main page, enhancing user interaction.

Responsive Layout:

The final design is fully responsive, delivering a seamless experience across all devices, from desktops to smartphones.

The EVIE S1 product page displayed across multiple devices, showcasing its responsive design on a desktop monitor, laptop, tablet, and smartphone. The page features the tagline "Ride Smarter" with a sleek image of the bike.
See Live Site