Modernizing Navigation:
Simplifying Navigation with a Modern Bottom Nav

Modernizing Navigation:
Simplifying Navigation with a Modern Bottom Nav

Modernizing Navigation:
Simplifying Navigation with a Modern Bottom Nav

Motus is the industry leader in the vehicle reimbursement space, accountable for tracking 290M miles per month and disbursing $1.4B in reimbursement per year. The Motus app is designed to track mileage for employees who use their personal vehicles for work.

PROBLEM STATEMENT & GOALS

PROBLEM STATEMENT & GOALS

PROBLEM STATEMENT & GOALS

As a B2B2C product, the Motus app and its end users had long been overlooked. However, with new competitors entering the market, we began losing clients and deals. This revealed a critical issue—our app lacked the modern look, feel, and usability expected of a market leader. To address this, I led a complete redesign focused on not only refreshing the UI, but also improving the overall user experience for our 300,000 drivers.

RESEARCH

RESEARCH

RESEARCH

User Interviews
To gain deeper insights into the current user experience, I conducted exploratory interviews with drivers across various industries, including healthcare and construction. The goal was to understand how frequently they make personal trips during their workday and how they interact with the app when these trips occur. These interviews provided valuable context on user behaviors, pain points, and opportunities for improvement.

Key Findings

01. Lack of Awareness of Settings: Many users are unaware of the different mileage capture modes available or how to update the app settings for more accurate tracking.

02. Laborious Navigation: The app’s day-level model requires multiple taps to review and edit mileage logs, creating a frustrating user experience.

03. Varying App Adoption : Users engage with the app at different frequencies—some only open it at the end of the month to review and submit mileage, while others may use it more regularly. This inconsistency affects overall app adoption and engagement.

Key Findings

01. Personal Trip Validity: Users are making personal trips throughout their business day and the current state of the app requires users to spend additional time managing their mileage or using workarounds to minimize time spent editing their trip data (i.e. manually enterred trips account for 14% of total trip types)

02. Trip Order: The current trip order is unintuitive and contributes to cognitive load for the user

03. Time Spent Reviewing: Users only spend around 5-10 minutes reviewing mileage before submitting to their employers and only 30% of users check their app weekly 

DESIGN PROCESS

DESIGN PROCESS

DESIGN PROCESS

Information Architecture

Following the research phase, I focused on defining the best categories for the new bottom navigation. My approach involved exploring various logical groupings based on the types of tasks users complete in the Motus app—ranging from daily to monthly and annual actions. After evaluating multiple options, the team ultimately chose a five-tab navigation structure. This decision allowed us to introduce a Home screen that could act as a command center, improving usability and increasing app engagement.

Initiative 01. Location Manager

Our initial focus of development was on Location Manager interface, chosen for its ability to deliver standalone value as quickly as possible. This work was not only a dependency for future work, but also served as valuable training for upcoming functionality. Users will have the ability to manage their frequent locations and assign a classification (Business or Personal). Prior to this interface, users no control over this data that could only be updated in the back-end. 

01. Onboarding tasks: To-do items and app tracking settings to guide new users.

02. Trip Classification Summary: A quick overview of classified trips.

03. Reminders throughout the month: Contextual nudges throughout the month to keep users engaged.

Home Screen Cards

Based on user research and stakeholder feedback, I identified the most relevant and valuable categories to include on the Home screen for its initial launch:

01. Title placement: Titles inside vs. outside of cards for better readability.

02. Card Styling: The use of shadows to create hierarchy and depth.

03. Visual elements: A balance of splash images and product icons to enhance clarity.

UI Styles

To align with industry standards and modernize the app's interface, I analyzed top apps in the market and identified common UI patterns:

01. To Do Tasks: To improve the onboarding experience—without fully redesigning the onboarding flow—I introduced task-based cards to help new users get started.

02. Mileage Capture Mode: User interviews revealed a major gap: many users were unaware of the different mileage capture modes available. To address this, I designed a Trip Settings card that highlighted the default setting and encouraged users to interact with their app settings. Once updated, users could see critical settings relevant to their selected mode, improving transparency and control.

Home Screen Cards: Onboarding

To enhance user engagement and ensure timely mileage submissions, the home screen provides key insights and reminders throughout the month:

01. Trip Classification Summary: A visual summary chart displaying the number of trips classified as business or personal. Users are prompted to review and classify any unclassified trips.

02. Trend Insights: At the end of each month, users can view their monthly mileage trends compared to previous months, helping them track their driving patterns.

03. Submission Reminders: Proactive nudges encourage users to review and submit their mileage before the monthly deadline, ensuring they don’t miss their reimbursement window.

These features not only improve the user experience but also increase compliance and engagement with the app

Home Screen Cards: Onboarding

To increase app engagement and encourage users to interact with it more frequently, I designed three key reminder cards that provide users with timely and relevant updates:

01. Mileage Submission Confirmation – After submitting their mileage, users receive a confirmation card showing how many miles were successfully submitted on time.

02. Reimbursement Status – Once the company approves the submission, users see a card indicating their scheduled reimbursement date and amount.

03. Submission Revisions – If an admin reviews the mileage and requests changes, a notification appears on the Home screen, prompting users to update and resubmit their mileage to avoid payment delays.

These reminder cards create a more proactive experience, reducing uncertainty and ensuring users stay informed about their mileage submissions and reimbursements.

Home Screen Cards: Onboarding

The new bottom navigation structure organizes key user actions into five intuitive categories. Below is an overview of each tab and the type of data it contains:

01. Home: A centralized dashboard providing key updates, reminders, and user-specific insights.

02. Mileage: A dedicated space for tracking, submitting, and reviewing mileage entries.

03. Today: A real-time view of the user’s daily trips and activities.

04. Locations: A management hub for frequently visited places, allowing users to categorize and edit locations.

05. My Motus: A personalized settings and account management section for user preferences, app settings, and support resources.

This navigation structure improves usability by grouping related actions, ensuring users can quickly access the information they need.

Bottom Nav: Overview of Tabs

UI Styles

To align with industry standards and modernize the app's interface, I analyzed top apps in the market and identified common UI patterns:

01. Title placement: Titles inside vs. outside of cards for better readability.

02. Card Styling: The use of shadows to create hierarchy and depth.

03. Visual elements: A balance of splash images and product icons to enhance clarity.

Home Screen Cards: Onboarding

01. To Do Tasks: To improve the onboarding experience—without fully redesigning the onboarding flow—I introduced task-based cards to help new users get started.

02. Mileage Capture Mode: User interviews revealed a major gap: many users were unaware of the different mileage capture modes available. To address this, I designed a Trip Settings card that highlighted the default setting and encouraged users to interact with their app settings. Once updated, users could see critical settings relevant to their selected mode, improving transparency and control.


Home Screen Cards

Based on user research and stakeholder feedback, I identified the most relevant and valuable categories to include on the Home screen for its initial launch:

01. Onboarding tasks: To-do items and app tracking settings to guide new users.

02. Trip Classification Summary: A quick overview of classified trips.

03. Reminders throughout the month: Contextual nudges throughout the month to keep users engaged.

Home Screen Cards: Onboarding

Information Architecture

Following the research phase, I focused on defining the best categories for the new bottom navigation. My approach involved exploring various logical groupings based on the types of tasks users complete in the Motus app—ranging from daily to monthly and annual actions. After evaluating multiple options, the team ultimately chose a five-tab navigation structure. This decision allowed us to introduce a Home screen that could act as a command center, improving usability and increasing app engagement.

01. To Do Tasks: To improve the onboarding experience—without fully redesigning the onboarding flow—I introduced task-based cards to help new users get started.

02. Mileage Capture Mode: User interviews revealed a major gap: many users were unaware of the different mileage capture modes available. To address this, I designed a Trip Settings card that highlighted the default setting and encouraged users to interact with their app settings. Once updated, users could see critical settings relevant to their selected mode, improving transparency and control.

Home Screen Cards

Based on user research and stakeholder feedback, I identified the most relevant and valuable categories to include on the Home screen for its initial launch:

01. Onboarding tasks: To-do items and app tracking settings to guide new users.

02. Trip Classification Summary: A quick overview of classified trips.

03. Reminders throughout the month: Contextual nudges throughout the month to keep users engaged.

UI Styles

To align with industry standards and modernize the app's interface, I analyzed top apps in the market and identified common UI patterns:

01. Title placement: Titles inside vs. outside of cards for better readability.

02. Card Styling: The use of shadows to create hierarchy and depth.

03. Visual elements: A balance of splash images and product icons to enhance clarity.

Home Screen Cards: Trip Classification Summary & Submission Reminder

To enhance user engagement and ensure timely mileage submissions, the home screen provides key insights and reminders throughout the month:

01. Trip Classification Summary: A visual summary chart displaying the number of trips classified as business or personal. Users are prompted to review and classify any unclassified trips.

02. Trend Insights: At the end of each month, users can view their monthly mileage trends compared to previous months, helping them track their driving patterns.

03. Submission Reminders: Proactive nudges encourage users to review and submit their mileage before the monthly deadline, ensuring they don’t miss their reimbursement window.

These features not only improve the user experience but also increase compliance and engagement with the app.

Home Screen Cards: Reminders Throughout the Month

To increase app engagement and encourage users to interact with it more frequently, I designed three key reminder cards that provide users with timely and relevant updates:

01. Mileage Submission Confirmation: After submitting their mileage, users receive a confirmation card showing how many miles were successfully submitted on time.

02. Reimbursement Status: Once the company approves the submission, users see a card indicating their scheduled reimbursement date and amount.

03. Submission Revisions: If an admin reviews the mileage and requests changes, a notification appears on the Home screen, prompting users to update and resubmit their mileage to avoid payment delays.

These reminder cards create a more proactive experience, reducing uncertainty and ensuring users stay informed about their mileage submissions and reimbursements.

Bottom Nav: Overview of Tabs

The new bottom navigation structure organizes key user actions into five intuitive categories. Below is an overview of each tab and the type of data it contains:

01. Home: A centralized dashboard providing key updates, reminders, and user-specific insights.

02. Mileage: A dedicated space for tracking, submitting, and reviewing mileage entries.

03. Today: A real-time view of the user’s daily trips and activities.

04. Locations: A management hub for frequently visited places, allowing users to categorize and edit locations.

05. My Motus: A personalized settings and account management section for user preferences, app settings, and support resources.

This navigation structure improves usability by grouping related actions, ensuring users can quickly access the information they need.

FEEDBACK

FEEDBACK

FEEDBACK

Throughout the design process, I gathered feedback from a diverse group of stakeholders, including the CPO, Product Owner, Product Manager, Tech Leads, and Development Team. Most of the discussions focused on ideation and edge cases, ensuring the final design accounted for various user scenarios.

Admin Feedback

I had the opportunity to share prototypes with admins who manage the Motus program on behalf of their companies. While they do not use the app firsthand, they frequently assist end-users with troubleshooting and support. Their insights helped identify common pain points and areas for improvement. Key feedback that has been added to the UX backlog includes:

01. Prompt users to select a mileage capture mode: during the onboarding process, we should have users select a mode, instead of defaulting to one option.

02. Require users to review their mileage before submission: to ensure users are updating their mileage and only submitting eligible business trips.

03. Introduce a compliance dashboard: Display the user’s compliance status based on IRS guidelines to reduce questions and frustration at the end of the year when taxes are applied.

Tech Feedback

Through grooming sessions, the development team provided valuable input on edge cases and technical feasibility. Their feedback helped refine the navigation structure and interactions to ensure seamless implementation. By incorporating these technical insights early in the process, we ensured the final design was both user-friendly and feasible for development.

KEY RESULTS

KEY RESULTS

KEY RESULTS

Roadmap Justification

Initially, I worked on this initiative independently, preparing for improvements in the second half of 2025. However, through user interviews and ongoing communication with leadership, it became evident that the app had critical usability gaps that needed to be addressed.

As a result of these user pain points surfacing during research, leadership decided to reprioritize this initiative over a previously planned growth initiative. My research and prototypes demonstrated:

01. Improved app navigation: introducing a home screen would create a more intuitive user experience.

02. Modernized app layout: A more structured app layout would allow Motus to seamlessly introduce new features and drive adoption.

03. Addressed Usability Concerns: By addressing user pain points, Motus would improve user satisfaction and help retain clients in an increasingly competitive market.

By advocating for these changes through research, I was able to influence strategic priorities and align design improvements with business objectives.

SAY ANNYEONG!