Designing an EV App for nearest charging stations through bp Digital Design & UX Job

Project Overview

As part of the bp Digital Design & UX Job Simulation Project, I undertook a comprehensive job simulation focused on developing a mobile app for the electric vehicle industry. This simulation provided a valuable opportunity to understand the dynamics of working on a Digital Design team at bp, allowing me to apply my skills in a practical, real-world context.

My Role

In this project, I took on the role of a Lead UX/UI Designer with responsibilities that included:

  • Conducting user research and creating user personas.

  • Designing lo-fi wireframes for the mobile app.

  • Creating high-fidelity prototypes to visualize the app flow.

  • Communicating design decisions through annotations and presentations.

The Problem

Electric vehicle (EV) owners often face challenges in finding charging stations, monitoring charging progress, and planning efficient routes that accommodate their charging needs. The goal was to develop an app that addresses these pain points, enhancing the overall experience for EV owners.

Target Audience

The target users are EV owners, primarily aged 25-45, who are mid tech-savvy and environmentally conscious. They seek a seamless, user-friendly solution for managing their vehicle’s charging needs and planning journeys efficiently.

Research and Insights

To ensure the app met user needs, I conducted thorough research which included:

  • User Personas: Developed detailed user personas to understand the diverse needs and behaviors of EV owners. This step was crucial in empathizing with users and guiding design decisions.

  • Competitive Analysis: Analyzed existing EV apps to identify strengths, weaknesses, and opportunities for innovation.

  • User Feedback: Collected feedback from potential users to validate the app concept and gather insights into their specific requirements.


These research activities provided a solid foundation for the design process.

Design Process

The design process was methodical and iterative, encompassing several stages:

  • Wireframing: I began with low-fidelity wireframes using Sketch to outline the app’s structure and functionality. These wireframes included annotations to explain design decisions and ensure clarity.

  • High-Fidelity Prototypes: Transitioning to Figma, I created high-fidelity prototypes to bring the app to life. The prototypes detailed the app’s interface, interactions, and user flow.

  • Prototyping: The final step involved creating interactive prototypes that demonstrated the app’s functionality and user experience. This stage was crucial for usability testing and gathering feedback.

Lo-Fi Wireframes

ev app wireframe
ev app with annotations

Design Features

Charging Station Locator: An interactive map that allows users to find nearby charging stations with real-time availability updates.

Charging Progress Monitor: A feature that lets users monitor the charging status of their vehicle remotely.

Route Planner: A tool that helps users plan their trips by identifying optimal routes with accessible charging stations along the way.

Station Details: User can get complete details of the selected charging station, and call them if required.

Final Designs

EV charging app by bp
EV charging app by bp

User Flow

ev case study

Challenges and Solutions

Throughout the project, I encountered several challenges:

  • User Diversity: Addressing the diverse needs of EV owners required creating flexible and inclusive design solutions.

  • Complex Information: Simplifying complex information about charging stations and routes without overwhelming users.

  • Technical Feasibility: Ensuring the design was technically feasible and could be implemented effectively.


To overcome these challenges, I employed empathy and critical thinking, focusing on user-centered design principles to create intuitive and practical solutions.

Outcomes and Impact

The project culminated in a functional and visually appealing app prototype that significantly enhanced the user experience for EV owners. Key outcomes included:

  • User-Centric Design: The app’s features were tailored to meet the specific needs of EV owners, ensuring a seamless and satisfying user experience.

  • Positive Feedback: Usability testing and feedback indicated a high level of satisfaction with the app’s design and functionality.

  • Enhanced Skills: The project allowed me to develop and refine essential skills in app design, communication, empathy, and user research.

Skills Gained

This experience was invaluable in honing a range of skills essential for a successful career in UX/UI design:

  • App Design: Developed comprehensive skills in designing mobile applications.

  • Communication: Enhanced my ability to articulate design decisions clearly and effectively.

  • Empathy: Deepened my understanding of user needs and behaviors through persona creation and user research.

  • Mobile Design: Gained expertise in designing for mobile platforms, focusing on usability and aesthetics.

  • Prototyping and Wireframing: Refined my skills in creating low and high-fidelity wireframes and prototypes using Sketch and Figma.

Conclusion

Participating in bp’s job simulation project confirmed my passion for working on complex design projects and provided a solid foundation for pursuing a career in digital design. The hands-on experience of researching, designing, and prototyping an app for the electric vehicle industry was both challenging and rewarding.

This project not only demonstrated my ability to enhance user experiences through thoughtful design but also highlighted my commitment to continuous learning and improvement in the field of UX/UI design. I am excited to apply these skills and contribute to innovative design solutions in the future.

© 2024 Created by Abdul Moiz Qadir