Trac Dashboard
Trac Dashboard
Trac Dashboard
Description
The Micromobility Web Dashboard, featuring a Fluent Design, is a robust operations console designed to optimise micromobility services in both B2B and B2C environments. It offers seamless integration with back-end systems for enhanced connectivity.
Description
The Micromobility Web Dashboard, featuring a Fluent Design, is a robust operations console designed to optimise micromobility services in both B2B and B2C environments. It offers seamless integration with back-end systems for enhanced connectivity.
Description
The Micromobility Web Dashboard, featuring a Fluent Design, is a robust operations console designed to optimise micromobility services in both B2B and B2C environments. It offers seamless integration with back-end systems for enhanced connectivity.
Stalkholder(s)
Trac Mobility
Timeline
2021 - 2022 (Refreshed in 2023)
Industry
Transport
Stalkholder(s)
Trac Mobility
Timeline
2021 - 2022 (Refreshed in 2023)
Industry
Transport
Stalkholder(s)
Trac Mobility
Timeline
2021 - 2022 (Refreshed in 2023)
Industry
Transport
Goal
Enhance the dashboard's design, boost user engagement, and implement a new system for streamlined future development.
Goal
Enhance the dashboard's design, boost user engagement, and implement a new system for streamlined future development.
Goal
Enhance the dashboard's design, boost user engagement, and implement a new system for streamlined future development.
Challenge
Overhaul the current dashboard design to significantly improve user experience. This involves creating a layout that is visually appealing and easy to navigate.
Challenge
Overhaul the current dashboard design to significantly improve user experience. This involves creating a layout that is visually appealing and easy to navigate.
Challenge
Overhaul the current dashboard design to significantly improve user experience. This involves creating a layout that is visually appealing and easy to navigate.
Outcome
A revamped transport dashboard that elevates user engagement and functionality, paving the way for future transport management innovations.
Outcome
A revamped transport dashboard that elevates user engagement and functionality, paving the way for future transport management innovations.
Outcome
A revamped transport dashboard that elevates user engagement and functionality, paving the way for future transport management innovations.
Discovery
Discovery
•
•
Current Dashboard Assessment and Design Research: Begin by evaluating the existing dashboard and researching current design trends, laying the groundwork for improvements.
Current Dashboard Assessment and Design Research: Begin by evaluating the existing dashboard and researching current design trends, laying the groundwork for improvements.
•
•
Requirement Gathering and Competitor Analysis: Collaborate with the COO to define redesign goals, while also studying competitors to align with market standards.
Requirement Gathering and Competitor Analysis: Collaborate with the COO to define redesign goals, while also studying competitors to align with market standards.
•
•
Integration Planning: Plan for the dashboard's integration with mobile apps, focusing on practicality and user experience.
Integration Planning: Plan for the dashboard's integration with mobile apps, focusing on practicality and user experience.
•
Strategy Development: Consolidate insights and research to formulate a clear strategy for the dashboard redesign, preparing for prototyping.
Strategy Development: Consolidate insights and research to formulate a clear strategy for the dashboard redesign, preparing for prototyping.
Process
Process
1.
1.
UI/UX Design with Fluent Design: Iteratively design the multi-page dashboard using Microsoft Fluent Design, focusing on a cohesive and user-friendly interface across all pages.
UI/UX Design with Fluent Design: Iteratively design the multi-page dashboard using Microsoft Fluent Design, focusing on a cohesive and user-friendly interface across all pages.
2.
2.
Multi-Page Dashboard Prototype: Develop and refine a prototype of the multi-page dashboard, ensuring seamless navigation and a unified Fluent Design experience.
Multi-Page Dashboard Prototype: Develop and refine a prototype of the multi-page dashboard, ensuring seamless navigation and a unified Fluent Design experience.
3.
3.
Regular Feedback with COO: Collaborate regularly with the COO, presenting dashboard updates for alignment with business and user experience objectives.
Regular Feedback with COO: Collaborate regularly with the COO, presenting dashboard updates for alignment with business and user experience objectives.
4.
4.
User Testing and Iteration: Conduct informal user tests, focusing on the dashboard's flow and usability, and iterate based on feedback to maintain a consistent design.
User Testing and Iteration: Conduct informal user tests, focusing on the dashboard's flow and usability, and iterate based on feedback to maintain a consistent design.
5.
5.
Design Process Documentation: Create a webpage showcasing your design process, including iterations, user feedback, and the final dashboard, highlighting the Fluent Design System's influence.
Design Process Documentation: Create a webpage showcasing your design process, including iterations, user feedback, and the final dashboard, highlighting the Fluent Design System's influence.
final outcome
Image Gallery