TRAC Dashboard
Stakeholder
TRAC Mobility | Efficiency First, Every Ride.
Location
London, UK
Year
2021 - 2022 (Personal Revamp in 2023)
Introduction
The TRAC Dashboard project aimed to optimise micromobility services for both B2B and B2C environments. By incorporating Microsoft’s Fluent Design system, the primary goal was to enhance the user experience, improve overall functionality, and ensure the platform was well-prepared for future developments and expansions. This redesign focused on creating a more intuitive and efficient interface to better serve a wide range of users across various business and consumer contexts.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
APPROACH & UNDERSTANDING THE PROBLEM
/// Goal
The primary objective was to redesign the TRAC Dashboard to make it more visually appealing and user-friendly. This included streamlining the layout and navigation to facilitate better user engagement and interaction.
/// Planning and Requirements Gathering
The initial phase involved detailed planning and requirement gathering. I started by assessing the existing dashboard and identifying areas for improvement. Collaborating with the COO, we set clear goals for the redesign and conducted a competitor analysis to ensure we met market standards. Additionally, I planned for seamless integration with mobile applications, ensuring practical and user-friendly design across all platforms.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DISCOVERY
The discovery phase established the foundation for the redesign
Assessment of Current Dashboard: Evaluated the strengths and weaknesses of the existing dashboard.
Market Research: Investigated current design trends to find areas for improvement.
Competitor Study: Analysed competing dashboards to identify effective features and design elements.
Strategic Planning: Developed a comprehensive strategy based on research insights to guide the redesign process.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DESIGN ITERATION & DECISIONS
The design process was methodical and iterative, focusing on creating a user-friendly interface:
Wireframing: Developed wireframes to outline the dashboard’s layout and interactions, ensuring a logical flow.
Information Architecture: Structured the content and navigation to enhance user experience.
Branding and Design: Applied Fluent Design principles to create a consistent and modern look, including both light and dark themes.
Feature Development: Identified and refined key features to meet user needs and technical requirements.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DEVELOPMENT & DELIVERY
/// Prototyping
High-Fidelity Prototypes: Created detailed, interactive prototypes to simulate the final app experience. This involved designing each screen and interaction to reflect the new Fluent design elements.
Refinement: Iteratively refined the prototypes based on internal reviews and design assessments, focusing on usability, visual appeal, and alignment with the Fluent design system.
/// Development
Implementation of Fluent Design: Applied Microsoft’s Fluent design principles to enhance the app’s aesthetic and functional aspects. This included updating UI components, animations, and transitions to ensure a cohesive and modern user experience.
Quality Assurance: Conducted thorough self-testing within the team of the redesigned app to ensure all features worked as intended and provided a seamless user experience. Addressed any issues identified during this phase to ensure a polished final product.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Growth & THoughts
/// Outcome
The redesigned TRAC Dashboard successfully modernised the interface, improving usability and aligning with current design trends. The updated dashboard enhanced user engagement and functionality, laying the groundwork for future innovations in transport management.
/// Personal Growth
This solo project provided significant learning opportunities, particularly in applying modern design systems and addressing complex design challenges. It enhanced my ability to create user-centric designs and integrate advanced features effectively.
/// Takeaway
Redesigning the TRAC Dashboard was a fulfilling endeavour that expanded my skills in UI/UX design. It demonstrated the importance of combining contemporary design trends with functional requirements. This project significantly contributed to my professional growth, deepening my understanding of user needs and enhancing my ability to deliver effective design solutions.
@2024 Jack Parkes. All rights reserved
@2024 Jack Parkes. All rights reserved
@2024 Jack Parkes. All rights reserved
TRAC Dashboard
Stakeholder
TRAC Mobility | Efficiency First, Every Ride.
Location
London, UK
Year
2021 - 2022 (Personal Revamp in 2023)
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Introduction
The TRAC Dashboard project aimed to optimise micromobility services for both B2B and B2C environments. By incorporating Microsoft’s Fluent Design system, the primary goal was to enhance the user experience, improve overall functionality, and ensure the platform was well-prepared for future developments and expansions. This redesign focused on creating a more intuitive and efficient interface to better serve a wide range of users across various business and consumer contexts.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
APPROACH & UNDERSTANDING THE PROBLEM
/// Goal
The primary objective was to redesign the TRAC Dashboard to make it more visually appealing and user-friendly. This included streamlining the layout and navigation to facilitate better user engagement and interaction.
/// Planning and Requirements Gathering
The initial phase involved detailed planning and requirement gathering. I started by assessing the existing dashboard and identifying areas for improvement. Collaborating with the COO, we set clear goals for the redesign and conducted a competitor analysis to ensure we met market standards. Additionally, I planned for seamless integration with mobile applications, ensuring practical and user-friendly design across all platforms.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DISCOVERY
The discovery phase established the foundation for the redesign
Assessment of Current Dashboard: Evaluated the strengths and weaknesses of the existing dashboard.
Market Research: Investigated current design trends to find areas for improvement.
Competitor Study: Analysed competing dashboards to identify effective features and design elements.
Strategic Planning: Developed a comprehensive strategy based on research insights to guide the redesign process.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DESIGN ITERATION & DECISIONS
The design process was methodical and iterative, focusing on creating a user-friendly interface:
Wireframing: Developed wireframes to outline the dashboard’s layout and interactions, ensuring a logical flow.
Information Architecture: Structured the content and navigation to enhance user experience.
Branding and Design: Applied Fluent Design principles to create a consistent and modern look, including both light and dark themes.
Feature Development: Identified and refined key features to meet user needs and technical requirements.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DEVELOPMENT & DELIVERY
/// Prototyping
High-Fidelity Prototypes: Created detailed, interactive prototypes to simulate the final app experience. This involved designing each screen and interaction to reflect the new Fluent design elements.
Refinement: Iteratively refined the prototypes based on internal reviews and design assessments, focusing on usability, visual appeal, and alignment with the Fluent design system.
/// Development
Implementation of Fluent Design: Applied Microsoft’s Fluent design principles to enhance the app’s aesthetic and functional aspects. This included updating UI components, animations, and transitions to ensure a cohesive and modern user experience.
Quality Assurance: Conducted thorough self-testing within the team of the redesigned app to ensure all features worked as intended and provided a seamless user experience. Addressed any issues identified during this phase to ensure a polished final product.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Growth & Thoughts
/// Outcome
The redesigned TRAC Dashboard successfully modernised the interface, improving usability and aligning with current design trends. The updated dashboard enhanced user engagement and functionality, laying the groundwork for future innovations in transport management.
/// Personal Growth
This solo project provided significant learning opportunities, particularly in applying modern design systems and addressing complex design challenges. It enhanced my ability to create user-centric designs and integrate advanced features effectively.
/// Takeaway
Redesigning the TRAC Dashboard was a fulfilling endeavour that expanded my skills in UI/UX design. It demonstrated the importance of combining contemporary design trends with functional requirements. This project significantly contributed to my professional growth, deepening my understanding of user needs and enhancing my ability to deliver effective design solutions.
TRAC Dashboard
Stakeholder
TRAC Mobility | Efficiency First, Every Ride.
Location
London, UK
Year
2021 - 2022 (Personal Revamp in 2023)
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Introduction
The TRAC Dashboard project aimed to optimise micromobility services for both B2B and B2C environments. By incorporating Microsoft’s Fluent Design system, the primary goal was to enhance the user experience, improve overall functionality, and ensure the platform was well-prepared for future developments and expansions. This redesign focused on creating a more intuitive and efficient interface to better serve a wide range of users across various business and consumer contexts.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
APPROACH & UNDERSTANDING THE PROBLEM
/// Goal
The primary objective was to redesign the TRAC Dashboard to make it more visually appealing and user-friendly. This included streamlining the layout and navigation to facilitate better user engagement and interaction.
/// Planning and Requirements Gathering
The initial phase involved detailed planning and requirement gathering. I started by assessing the existing dashboard and identifying areas for improvement. Collaborating with the COO, we set clear goals for the redesign and conducted a competitor analysis to ensure we met market standards. Additionally, I planned for seamless integration with mobile applications, ensuring practical and user-friendly design across all platforms.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DISCOVERY
The discovery phase established the foundation for the redesign
Assessment of Current Dashboard: Evaluated the strengths and weaknesses of the existing dashboard.
Market Research: Investigated current design trends to find areas for improvement.
Competitor Study: Analysed competing dashboards to identify effective features and design elements.
Strategic Planning: Developed a comprehensive strategy based on research insights to guide the redesign process.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DESIGN ITERATION & DECISIONS
The design process was methodical and iterative, focusing on creating a user-friendly interface:
Wireframing: Developed wireframes to outline the dashboard’s layout and interactions, ensuring a logical flow.
Information Architecture: Structured the content and navigation to enhance user experience.
Branding and Design: Applied Fluent Design principles to create a consistent and modern look, including both light and dark themes.
Feature Development: Identified and refined key features to meet user needs and technical requirements.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
DEVELOPMENT & DELIVERY
/// Prototyping
High-Fidelity Prototypes: Created detailed, interactive prototypes to simulate the final app experience. This involved designing each screen and interaction to reflect the new Fluent design elements.
Refinement: Iteratively refined the prototypes based on internal reviews and design assessments, focusing on usability, visual appeal, and alignment with the Fluent design system.
/// Development
Implementation of Fluent Design: Applied Microsoft’s Fluent design principles to enhance the app’s aesthetic and functional aspects. This included updating UI components, animations, and transitions to ensure a cohesive and modern user experience.
Quality Assurance: Conducted thorough self-testing within the team of the redesigned app to ensure all features worked as intended and provided a seamless user experience. Addressed any issues identified during this phase to ensure a polished final product.
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Digital Designer from London
Currently at NCC Group, formerly TRAC Mobility
Growth & Thoughts
/// Outcome
The redesigned TRAC Dashboard successfully modernised the interface, improving usability and aligning with current design trends. The updated dashboard enhanced user engagement and functionality, laying the groundwork for future innovations in transport management.
/// Personal Growth
This solo project provided significant learning opportunities, particularly in applying modern design systems and addressing complex design challenges. It enhanced my ability to create user-centric designs and integrate advanced features effectively.
/// Takeaway
Redesigning the TRAC Dashboard was a fulfilling endeavour that expanded my skills in UI/UX design. It demonstrated the importance of combining contemporary design trends with functional requirements. This project significantly contributed to my professional growth, deepening my understanding of user needs and enhancing my ability to deliver effective design solutions.