Mobile App Redesign | Detrack Driver App UI Facelift (V5.0.0)

This project is about redesigning the user interface of the Driver App to provide a delightful and intuitive onboarding experience for drivers. For more information about this project, feel free to contact me!

Analyse top-notch competitors in the market to brainstorm and iterate multiple design solutions

Collaborate with product owners, developers and engineers for technical feasibility

Finalise designs and release for implementation

Analysed key screens and features of top-notch last mile delivery management software apps such as Track-POD, Onfleet, OptimoRoute and many more to gather design inspirations Mainly focused on UI elements such as colours, typography (font size), spacing, information hierarchy, copy and micro-interactions to give a more refreshed yet distinct look and feel.

Visibility - unable to view and read key information clearly on Job List and POD page

Accessibility - buttons are too small to tap on, prone to making navigation errors

Organisation and Hierarchy - cluttered interface, components not evenly spaced, difficult to compartmentalise information, lack of prioritisation of elements

Content - extensive, redundant copy with lack of emphasis on key steps/instructions

Reduced spacing and increased button size for greater accessibility of key elements (i.e. CTAs)

Colour change and addition of separators for greater visibility and distinction between various elements

Added status indicator and changed copy for clearer differentiation between Demo Mode and Live Mode

Addition of dropshadows, colour and typography (font weight) change, increased spacing for a cleaner, consistent, distinct look

Reorganised elements and added UI elements such as icons and strokes to increase visibility of system status

Colour change and reduced spacing to establish information hierarchy as well as provide a more distinct look

Creating a streamlined user interface - Prioritising key elements and reduced clutter for a cleaner and more intuitive user experience

Improved visual hierarchy and consistency - Established a cohesive design language with clear visual cues and consistent elements

Enhanced accessibility - Designing with accessibility in mind by adhering to visual principles and conducted usability testing with drivers aged 30-50s (our target audience) for a more user-friendly and inclusive app