REDESIGN

EVCONNECT APP

Improving clarity, engagement and thrust in the platform

OUR VISION IS PROBLEM FREE CHARGING FOR EVERYONE

This UX case study explores how the EV Connect app could be improved to better communicate its offering and enhance the overall user experience. Together with a colleague, I evaluated the existing app and identified five key areas for improvement, focusing on clarity, information structure, engagement and visual communication.

The proposed solution include more inviting visual content, a clearer presentation of the company's expertise, illustrative and interactive elements to support understanding and the introduction of an Ai-powered chat feature to guide users through the platform.

5

Improvements to clarify information, enhance engagement and elevation the visual experience

1.

2.

3.

4.

5.

More inviting visual experience

Illustrative content for better understanding

Clearer company positioning

Interactive steps to guide users

Ai-powered chat support

Style Guide

The color green not only represents nature and health, but also other important areas. In traffic, the color green signals drivers to drive forward, safety and permission. In addition, green is often used to indicate environmentally friendly and sustainable options, especially in the growing sector of electric vehicles and sustainable energy.

Primary & Secondary Colors

Typography

Wireframes

These are the wireframes of Ev connect application

Detailed view

Illustrative features

Illustrative features clarify the meaning of each survey question, while a top progress bar indicates completion status, helping users track progress and better understand the process.

Support chat

An Ai-powered chat helps users get quick support. A central CTA button to start the chat, while a horizontal carousel at the bottom ensures fast access to key features.

Screen preview

Below is the five functions added to the site that will improve and clarify the user experience

Landing screen

The landing screen welcomes user with a nature inspired visual concept that reflects sustainability and green energy. A central value statement introduces the brand vision. A horizontal carousel at the bottom of the screen offers quick access to key features.

Company presentation

By separating branding and content into two distinct sections, the design improves readability and helps users quickly distinguish between identity and information.

Interactive features

An illustrative search experience that helps users identify the correct charging cable for their vehicle. The centrally placed search field, supported by clear iconography and visual cues, guides users to enter their license plate number. Compatible options are presented instantly, while a horizontal carousel ensures quick access to key features.

Selection stage

A vertically scrollable product overview presenting cables as cards with clear imagery, essential information and pricing to support quick comparison and selection.

The selected product is displayed on a green background, while a white vertically scrollable panel presents details product information including name, price and key specifications.

This project was conducted in collaboration with another designer. My responsibilities included UX analysis, concept development and interaction design.

This project used visual hierarch, clear product cards, horizontal scrolls and interactive features to make the app intuitive and help users find the right product.

The biggest pitfalls were the many iterations needed to achieve clear communication and discover smart features, like using license plate input to minimize technical knowledge. Establishing a consistent visual style across the app also made the experience much clearer and more cohesive.

Thanks !