Motive (KeepTruckin) Web & Mobile App Design

Time

2016-2018

Role

UX design

Visual design

Design system

Icons

Motive (previously known as KeepTruckin) provides fleet management system, electronic logs, driver saftey, and vehicle tracking tools in USA and Canada. Now, it's Motive.

Motive web app  new design
Motive web app  new design

Worked closely with co-founder and lead designer to redesign the Fleet Management System, which had complex, data-heavy dashboards, charts, tables, forms, and many data points.

Reimagined the navigational structure and introduced clearer visual hierarchies to improve readability. Defined new colors, styles, and patterns while preserving the brand guidelines and considering the existing user base familiar with the product.

Motive web app - old design
Motive web app - old design
Old user experience of the fleet management system
Motive web app - brand new dashboard design
Motive web app - brand new dashboard design
Brand new dashboard design

Addressed the challenge of consistency by documenting all design building blocks, styles, patterns, and best practices from the outset to ensure consistency throughout the design.

Motive web app - driver logs section - violation scenarios
Motive web app - driver logs section - violation scenarios
Driver logs section - violation scenarios
Motive web app - Driver logs - editing logs
Motive web app - Driver logs - editing logs
Driver logs - editing logs
Motive web app - vehicle section - vehicle list and detail screens
Motive web app - vehicle section - vehicle list and detail screens
Vehicle section - vehicle list and detail screens

Hand crafted sets of meaningful icons that match with the visual language.

Motive web app - vehicle section - vehicle location & inspection reports screens
Motive web app - vehicle section - vehicle location & inspection reports screens
Vehicle section - vehicle location & inspection reports screens
Design building blocks for the Motive fleet management web system
Design building blocks for the Motive fleet management web system
Design building blocks for the Motive fleet management web system

Drive Facing Mobile App

parwana design system documentation. design system documentation, design system components
parwana design system documentation. design system documentation, design system components
Motive mobile app - managing logs experience for drivers
Motive mobile app - managing logs experience for drivers
Motive mobile app - managing logs experience for drivers
Motive mobile app - managing logs experience for drivers
Motive mobile app - managing logs experience for drivers
Motive mobile app - managing logs experience for drivers
Motive mobile app - managing logs experience for drivers
Motive mobile app - updating duty status for drivers
Motive mobile app - updating duty status for drivers
Motive mobile app - updating duty status for drivers
Motive mobile app - vehicle inspection
Motive mobile app - vehicle inspection
Motive mobile app - vehicle inspection
Motive mobile app - menu and icons
Motive mobile app - menu and icons
Motive mobile app - menu and icons
Stack I use every day

Figma

Framer

Arc browser

Notion

I can help you design

✦ Web apps

✦ Mobile apps

✦ Websites

✦ Design systems

I'm available for new opportunities
I talk about design and share my work on
Stack I use every day

Figma

Framer

Arc browser

Notion

I can help you design

✦ Web apps

✦ Mobile apps

✦ Websites

✦ Design systems

I'm available for new opportunities
I talk about design and share my work on
Stack I use every day

Figma

Framer

Arc browser

Notion

I can help you design

✦ Web apps

✦ Mobile apps

✦ Websites

✦ Design systems

I'm available for new opportunities
I talk about design and share my work on