top of page
Black Elegant Modern Name Initials Monogram Logo.png
August 25th, 2024

Designed a Car Control App | Electrover

3 Mobile Video & Photo Mockups gradient video (834 x 490 px).png

Overview

  • Electrover provides a simple, intuitive way to manage key car functions—like locking, unlocking, climate control, and status monitoring—from your phone. Designed for convenience and security, it streamlines remote access, making everyday interactions with your vehicle easier and smarter.

Problem Statement

  • Modern cars come with plenty of tech features, but users often find car apps confusing or limited in what they can do remotely. Many apps aren’t easy to use or customize, which leaves users frustrated. The main challenge was to design an app that’s simple but still handles complex functions well.

Goals

  • Improve Usability: Design an intuitive, easy-to-navigate interface that users of any tech skill level can understand.

  • Enhance User Experience: Enable users to seamlessly access and manage the primary functions of their car remotely.

  • Prioritize Security: Ensure a secure experience with features that protect the app from unauthorized access.

Research & Discovery

  • To gain insights into user needs, I conducted user interviews and reviewed competitor applications. Key findings included:

    • Users desire quick access to essential features like door lock/unlock, climate control, and trunk access.

    • Users wanted a dedicated, easy-to-access screen to monitor battery level, charging speed, and estimated charge completion time, reducing the need to search through multiple menus.

    • Personalization options, such as setting climate preferences, were highly desired to enhance the convenience factor.

User Personas

  • Based on the research, I developed 2 Primary Personas:

1.png
2.png

Design & Development Phase

  • Wireframing & Prototyping:

    • I began by sketching wireframes & building mid-fidelity prototypes to explore various layouts, focusing on creating an intuitive hierarchy of features. I tested early prototypes to ensure the main controls (lock/unlock, climate control, status overview) were prominent and easy to locate.

  • UI Design:

    • I adopted a minimalistic design approach to avoid clutter, with clear iconography representing each function. I chose a dark mode color scheme, which resonated with users’ desire for a modern, sleek interface and provided excellent contrast for visibility.

  • Testing and Iterations:

    • Through user testing sessions, I gathered feedback on ease of use, visual clarity, and overall satisfaction. Several iterations were made based on user feedback, including:

      • Icon Redesign: Simplified icons for easier identification of features.

      • Button Layout Optimization: Adjusted button layout for more intuitive navigation and improved accessibility for one-handed use.

Screenshot 2024-11-02 at 6.18.32 PM.png

Final Design Features

  • After analyzing user feedback, I finalized three key screens to enhance usability and functionality:​

Home Screen
  • Designed a clean, intuitive home screen with a quick overview of the vehicle’s status, including battery level, lock status, and active functions.

3.png
Charging Screen
  • Created a dedicated charging screen displaying current battery percentage, estimated time until fully charged, and customizable charging settings for efficiency and convenience.

2.png
Control Screen
  • Developed a control screen for direct access to essential vehicle features like locking/unlocking, climate settings, and lighting, arranged for easy one-tap navigation.

4.png

Challenges & Solutions

  • Challenge: Access to Charging Info
    Users had trouble finding battery details across different menus.
    Solution: Added a dedicated charging screen to show battery level, charging time, and settings all in one place.

  • Challenge: Quick Access to Main Controls
    Users struggled to easily reach important car functions.
    Solution: Created a control screen with simple buttons for essentials like locking, unlocking, and climate control.

Conclusion

  • This car control app was built to make things easy and intuitive. Key screens—like the home, charging, and control screens—give users fast access to their car's main features, making daily tasks simpler and improving the overall experience.

August 25th, 2024

Designed a Car Control App | Electrover

3 Mobile Video & Photo Mockups gradient video (834 x 490 px).png

Overview

Electrover provides a simple, intuitive way to manage key car functions—like locking, unlocking, climate control, and status monitoring—from your phone. Designed for convenience and security, it streamlines remote access, making everyday interactions with your vehicle easier and smarter.

Problem Statement

  • Modern cars come with plenty of tech features, but users often find car apps confusing or limited in what they can do remotely. Many apps aren’t easy to use or customize, which leaves users frustrated. The main challenge was to design an app that’s simple but still handles complex functions well.

Goals

  • Improve Usability: Design an intuitive, easy-to-navigate interface that users of any tech skill level can understand.

  • Enhance User Experience: Enable users to seamlessly access and manage the primary functions of their car remotely.

  • Prioritize Security: Ensure a secure experience with features that protect the app from unauthorized access.

Research & Discovery

  • To gain insights into user needs, I conducted user interviews and reviewed competitor applications. Key findings included:

    • Users desire quick access to essential features like door lock/unlock, climate control, and trunk access.

    • Users wanted a dedicated, easy-to-access screen to monitor battery level, charging speed, and estimated charge completion time, reducing the need to search through multiple menus.

    • Personalization options, such as setting climate preferences, were highly desired to enhance the convenience factor.

User Personas

  • Based on the research, I developed 2 Primary Personas:

1.png
2.png

Design & Development Phase

  • Wireframing & Prototyping:

    • I began by sketching wireframes & building mid-fidelity prototypes to explore various layouts, focusing on creating an intuitive hierarchy of features. I tested early prototypes to ensure the main controls (lock/unlock, climate control, status overview) were prominent and easy to locate.

  • UI Design:

    • I adopted a minimalistic design approach to avoid clutter, with clear iconography representing each function. I chose a dark mode color scheme, which resonated with users’ desire for a modern, sleek interface and provided excellent contrast for visibility.

  • Testing and Iterations:

    • Through user testing sessions, I gathered feedback on ease of use, visual clarity, and overall satisfaction. Several iterations were made based on user feedback, including:

      • Icon Redesign: Simplified icons for easier identification of features.

      • Button Layout Optimization: Adjusted button layout for more intuitive navigation and improved accessibility for one-handed use.

Screenshot 2024-11-02 at 6.18.32 PM.png

Final Design Features

  • After analyzing user feedback, I finalized three key screens to enhance usability and functionality:​

Home Screen
  • Designed a clean, intuitive home screen with a quick overview of the vehicle’s status, including battery level, lock status, and active functions.

3.png
Charging Screen
  • Created a dedicated charging screen displaying current battery percentage, estimated time until fully charged, and customizable charging settings for efficiency and convenience.

2.png
Control Screen
  • Developed a control screen for direct access to essential vehicle features like locking/unlocking, climate settings, and lighting, arranged for easy one-tap navigation.

4.png

Challenges & Solutions

  • Challenge: Access to Charging Info
    Users had trouble finding battery details across different menus.
    Solution: Added a dedicated charging screen to show battery level, charging time, and settings all in one place.

  • Challenge: Quick Access to Main Controls
    Users struggled to easily reach important car functions.
    Solution: Created a control screen with simple buttons for essentials like locking, unlocking, and climate control.

Conclusion

  • This car control app was built to make things easy and intuitive. Key screens—like the home, charging, and control screens—give users fast access to their car's main features, making daily tasks simpler and improving the overall experience.

bottom of page