↳
↳
Innova
Innova
↥ BROWSE CASE STUDIES
CLOSE
↥ BROWSE CASE STUDIES
CLOSE
↥ BROWSE CASE STUDIES
CLOSE
Simplifying Vehicle Diagnostics & Repairs
Simplifying Vehicle Diagnostics & Repairs
Innova revamped its mobile app with features offering users comprehensive trip data and driving insights. Actionable information to improve their driving habits and monitor vehicle health.
Overview
With the aim to elevate its app’s user experience by integrating comprehensive trip data and driving behavior analytics. The project involved redesigning the UI to incorporate features like real-time driving statistics and tracking critical driving occurrences. The app was enhanced with Waze SDK integration, enabling users to manage routes directly from the app. The project also included developing a summary report PDF that offers insights into vehicle health and status.
This revamp was designed to provide drivers with actionable insights into their driving habits and vehicle performance.
Research/Strategy
Prototyping
User Journey Mapping
Landscape Analysis
Design/Production
Visual Language
Design System
UI/UX Design
Iconography
Role
Product Designer at Faculty Studio
Year
2023
The Dashboard
The trip dashboard highlights essential statistics, such as distance traveled, fuel economy, and a driving score based on occurrences like hard braking and speeding. The clean and organized design ensures that users can quickly digest this information.
The Dashboard
The trip dashboard highlights essential statistics, such as distance traveled, fuel economy, and a driving score based on occurrences like hard braking and speeding. The clean and organized design ensures that users can quickly digest this information.
The Dashboard
The trip dashboard highlights essential statistics, such as distance traveled, fuel economy, and a driving score based on occurrences like hard braking and speeding. The clean and organized design ensures that users can quickly digest this information.
Integrating Complex Trip Data Seamlessly
The UI was restructured to create a clear and intuitive hierarchy of information. A card-based layout was employed, where each card focused on a specific aspect of the trip, such as distance, duration, or driving score. This approach allowed users to quickly glance at essential information without feeling overwhelmed. Additionally, the use of color-coding helped to visually separate different data categories, making the interface more user-friendly.
Ensuring Accuracy and Relevance in Driving Occurrence Reports
To address this, a robust backend algorithm was developed to analyze sensor data in real-time, ensuring that the driving occurrence reports were accurate and timely. The driving score was then calculated based on these occurrences and presented in a way that allows the driver to understand areas for improvement. The UI was designed to display these scores prominently, with detailed breakdowns available on tap.
Integrating Waze SDK Without Compromising App Performance
The development team optimized the SDK integration to ensure that the app’s performance remained unaffected. A lightweight, responsive interface was developed, allowing users to start a drive, trigger searches, and set locations within Waze directly from the Innova app. The integration also allowed for critical data, such as ETA and next turn instructions, to be relayed back to the Innova app, enhancing the overall user experience.
Integrating Complex Trip Data Seamlessly
The UI was restructured to create a clear and intuitive hierarchy of information. A card-based layout was employed, where each card focused on a specific aspect of the trip, such as distance, duration, or driving score. This approach allowed users to quickly glance at essential information without feeling overwhelmed. Additionally, the use of color-coding helped to visually separate different data categories, making the interface more user-friendly.
Ensuring Accuracy and Relevance in Driving Occurrence Reports
To address this, a robust backend algorithm was developed to analyze sensor data in real-time, ensuring that the driving occurrence reports were accurate and timely. The driving score was then calculated based on these occurrences and presented in a way that allows the driver to understand areas for improvement. The UI was designed to display these scores prominently, with detailed breakdowns available on tap.
Integrating Waze SDK Without Compromising App Performance
The development team optimized the SDK integration to ensure that the app’s performance remained unaffected. A lightweight, responsive interface was developed, allowing users to start a drive, trigger searches, and set locations within Waze directly from the Innova app. The integration also allowed for critical data, such as ETA and next turn instructions, to be relayed back to the Innova app, enhancing the overall user experience.
Integrating Complex Trip Data Seamlessly
The UI was restructured to create a clear and intuitive hierarchy of information. A card-based layout was employed, where each card focused on a specific aspect of the trip, such as distance, duration, or driving score. This approach allowed users to quickly glance at essential information without feeling overwhelmed. Additionally, the use of color-coding helped to visually separate different data categories, making the interface more user-friendly.
Ensuring Accuracy and Relevance in Driving Occurrence Reports
To address this, a robust backend algorithm was developed to analyze sensor data in real-time, ensuring that the driving occurrence reports were accurate and timely. The driving score was then calculated based on these occurrences and presented in a way that allows the driver to understand areas for improvement. The UI was designed to display these scores prominently, with detailed breakdowns available on tap.
Integrating Waze SDK Without Compromising App Performance
The development team optimized the SDK integration to ensure that the app’s performance remained unaffected. A lightweight, responsive interface was developed, allowing users to start a drive, trigger searches, and set locations within Waze directly from the Innova app. The integration also allowed for critical data, such as ETA and next turn instructions, to be relayed back to the Innova app, enhancing the overall user experience.
The home dashboard balances detailed trip insights with crucial vehicle diagnostics, ensuring that users are well-informed about both their driving habits and vehicle status.
Vehicle Health section emphasizes ease of use, allowing users to view and plan for their car’s maintenance needs at a glance.
Vehicle Health
The vehicle health section was redesigned to provide a comprehensive overview of the car’s status. Users can scan their vehicle for issues and receive diagnostic information instantly, with any potential problems highlighted in red for immediate attention. The two separate screens here show the before and after versions that we finalized on.
Vehicle Health
The vehicle health section was redesigned to provide a comprehensive overview of the car’s status. Users can scan their vehicle for issues and receive diagnostic information instantly, with any potential problems highlighted in red for immediate attention. The two separate screens here show the before and after versions that we finalized on.
Vehicle Health
The vehicle health section was redesigned to provide a comprehensive overview of the car’s status. Users can scan their vehicle for issues and receive diagnostic information instantly, with any potential problems highlighted in red for immediate attention. The two separate screens here show the before and after versions that we finalized on.
Waze Integration
Real-time navigation information, seamlessly integrating Waze for enhanced route management. Users can track their current journey details, including miles driven and fuel used, while following clear, step-by-step directions. The interface allows for an easy transition between the Innova app and Waze, offering users the flexibility to continue their navigation with a single tap.
The Waze integration is showcased here, where users can search for nearby gas stations or other points of interest directly from the Innova app. The driving interface is streamlined, offering turn-by-turn directions and fuel usage statistics in a clean, easy-to-read format.
The Waze integration is showcased here, where users can search for nearby gas stations or other points of interest directly from the Innova app. The driving interface is streamlined, offering turn-by-turn directions and fuel usage statistics in a clean, easy-to-read format.
The Waze integration is showcased here, where users can search for nearby gas stations or other points of interest directly from the Innova app. The driving interface is streamlined, offering turn-by-turn directions and fuel usage statistics in a clean, easy-to-read format.
A landscape analysis of various navigation UI’s. The revamped UI displays trip history with intuitive mapping, making it easy for users to review their recent journeys at a glance. Each trip is presented with clear markers for start and end points, along with trip details such as time and distance.
A landscape analysis of various navigation UI’s. The revamped UI displays trip history with intuitive mapping, making it easy for users to review their recent journeys at a glance. Each trip is presented with clear markers for start and end points, along with trip details such as time and distance.
A landscape analysis of various navigation UI’s. The revamped UI displays trip history with intuitive mapping, making it easy for users to review their recent journeys at a glance. Each trip is presented with clear markers for start and end points, along with trip details such as time and distance.
Behind the scenes of the process; A set of wireframes and flows for different features of the Innova app. It's important to have an organized overview of how users interact with the app across multiple sections, to ensure a seamless and intuitive experience.
Behind the scenes of the process; A set of wireframes and flows for different features of the Innova app. It's important to have an organized overview of how users interact with the app across multiple sections, to ensure a seamless and intuitive experience.
Behind the scenes of the process; A set of wireframes and flows for different features of the Innova app. It's important to have an organized overview of how users interact with the app across multiple sections, to ensure a seamless and intuitive experience.
Weekly Reporting
Detailed weekly vehicle health reports are sent to the users inbox, summarizing their car’s condition, required maintenance, and driving behavior. This report is designed to be both informative and actionable, helping users maintain their vehicle’s health proactively.
Weekly Reporting
Detailed weekly vehicle health reports are sent to the users inbox, summarizing their car’s condition, required maintenance, and driving behavior. This report is designed to be both informative and actionable, helping users maintain their vehicle’s health proactively.
Weekly Reporting
Detailed weekly vehicle health reports are sent to the users inbox, summarizing their car’s condition, required maintenance, and driving behavior. This report is designed to be both informative and actionable, helping users maintain their vehicle’s health proactively.
© 2018–2024 FACULTY
↳ @FACULTY.STUDIO,
↳ HELLO@FACULTY.STUDIO
© 2018–2024 FACULTY
↳ @FACULTY.STUDIO,
↳ HELLO@FACULTY.STUDIO
© 2018–2024 FACULTY
↳ @FACULTY.STUDIO,
↳ HELLO@FACULTY.STUDIO