Work Single Image

Ryder

Ryder

Scannable Summary
Project Title
Ryder: Modernizing Fleet Management with MUI Design System
Team
Product Manager, 3 Engineers, Fleet Operations SME
Tools
Figma, MUI (Material UI), Storybook
Skills
Applied: Dashboard Design, Design Systems, iOS & Android, Service Design, MUI Implementation
Key Deliverables
Redesigned dashboard, MUI component library, mobile companion app designs, operational workflow documentation
Impact
Reduced fleet manager task completion time; unified desktop and mobile experience through shared design system
The process
Reinventing experiences with design thinking.
Project

Ryder: Modernizing Fleet Management with MUI Design System

Context & Stakes

Fleet managers at Ryder were using a legacy platform that hadn't kept pace with operational complexity. Data was siloed, mobile access was an afterthought, and the interface required extensive training. Managers spent more time navigating the tool than managing their fleets.

My Role & Leadership

Lead UX/UI Designer. I owned the dashboard redesign and design system implementation, collaborating directly with engineering on MUI component architecture.

Solution

Rebuilt the dashboard around fleet manager workflows rather than database structure. Implemented MUI design system for consistency and development speed. Created a mobile companion app that surfaces critical alerts and actions without replicating the full desktop experience. Designed an "Action Center" that prioritizes tasks by urgency and business impact.

Vision & Strategy

Fleet managers are "in the trenches"—they need a tool that thinks with them, not one that requires them to think about it. The strategy was to surface the right information at the right time without requiring navigation.

Opportunities

Applied: Dashboard Design, Design Systems, iOS & Android, Service Design, MUI Implementation

Learnings

Legacy system redesigns aren't about starting fresh—they're about honoring existing workflows while removing accumulated friction. Users have muscle memory; respect it.

Next Steps

Expand mobile app capabilities; add predictive maintenance alerts; integrate with third-party telematics providers.

The shipped product
Ryder Fleet Management with Lovable.ai

I designed and built this app in Lovable for demonstration purposes to mirror the type of software required for this fleet management project. It is not 100% functional, but it is close, and will be constantly updated.

Johnson Controls Example AppLICATION

I designed and built this app is for demonstration purposes to mirror the type of software required for this JCI project. It is not 100% functional, but close. A secondary purpose is to showcase my problem-solving and UX design and development skills. This is 100% my work product. No templates or references were used.

Just one more step to make your perfect choice. Click either button below to get started.