RyderGyde

Get Roadside Assistance fast, right when you need it — plus locations, fuel rates, and maintenance.

A stranded driver doesn’t have time to figure out an app.

The Research

Process

Competitive analysis to identify gaps and opportunities for our product in the marketplace
Interviews with experts, who educated us on their daily processes, needs, and pain points
All data placed in an Empathy Map, which helps us define our user personas

Empathy Map

RyderGyde Empathy Map An empathy map helps us establish our personas by finding their voices, feelings, and motivations.

Empathy map of our target user, in four quadrants:

Says
  • “I like Ryder trucks but I’m in them because I’m paid to be in them.”
  • “If I’m on the side of the road I’m not fiddling with an app. I’m calling — it works.”
Thinks
  • When I am in trouble I need to talk to a real person.
  • I don’t fully trust an app to help me on the side of the road.
Does
When drivers need Roadside Assistance, they call the phone number.
Feels
  • Annoyed at the thought of downloading “an app for everything.”
  • Apprehensive about trusting an app for this service.

User Pain Points

1. “Calling Gets Results”

For decades drivers have been calling for Roadside Assistance and it has worked. Being stranded on the side of the road is not the time to experiment with an app.

2. “I Don’t Want Another App”

Many drivers believe there are already too many useless apps on their phones. They won’t download a native app unless it is absolutely necessary.

3. “I Didn’t Know This Existed”

Despite various attempts to promote the app and its features, many drivers still didn’t know that they could use RyderGyde to get Roadside Assistance.

Our User

The Story

To understand what to design, we illustrated a roadside emergency involving Randy, a truck driver.

Randy is assigned a particular Ryder truck and gets stranded along his trip
Randy scans the QR code provided on the windshield of the vehicle
RyderGyde opens and Randy quickly requests Roadside Assistance
RyderGyde confirms help is on the way and provides GPS tracking

Ideate: Exploring Opportunities

My team and I assembled an affinity map to organize the results of our competitive analysis into gaps left by the competition and opportunities presented by these gaps.

Affinity Map

RyderGyde Affinity Map An affinity map is a great way to organize the results of the competitive analysis into opportunities left by the competition.

Sticky notes sorted into three columns: the competitors we analyzed, the gaps we found in their products, and the opportunities those gaps opened up.

Competitors
  • AAA Roadside Request
  • Allstate Roadside Assistance
  • Postmates (indirect)
Gaps
  • Competitor products require registration
  • Competitor services cost money
  • Competitors don’t have home field advantage
Opportunities
  • QR code in driver cab
  • Use a web app in the browser over a native app
  • Offer a phone option in case internet is not available
  • Emergency sticker located on windshield
  • Real-time tracking of help
  • Quick form process
  • Don’t register drivers. Register vehicles.
  • Advertise in rental locations
  • Get customers’ thoughts upon repair

Top Opportunities

1. Register vehicles, not drivers — to streamline registration process

2. Emergency sticker located on windshield with unique QR Code

3. Real-time GPS tracking of assistance vehicle

4. Streamline form process to 3 steps

From Ideas to Sketches to Wireframes

With opportunities identified, we sketched, iterated, and refined wireframes for each step of the flow. Drivers need help wherever they break down, and 91% of Americans owned a smartphone in 2024, so we designed for phones first.

Ideas to Implement

1. Use QR Codes in Cabs

All windshields on vehicles have an emergency sticker with a QR code that opens a short web address preloaded with the vehicle’s information.

2. Web Over Native Apps

Offering this as a web app instead of a native download speeds up adoption and works on any phone.

3. Eliminate Registering

Registering is the biggest hurdle with new users. If we create profiles for vehicles by their vehicle number, then the driver’s name is all that is needed at check-in for a complete profile.

Vehicle sticker with a QR code for Roadside Assistance, and a phone camera scanning it to open the RyderGyde site

Sketches

RyderGyde Sketches

Complete information

RyderGyde Wireframe: Step 1

Assistance Dispatched

RyderGyde Wireframe: Step 2

Assistance Arrived

RyderGyde Wireframe: Step 3

Low-Fidelity Prototype & Testing

Observing users interacting with prospective designs is crucial to finding out whether the designs work in practice.

RyderGyde Low-Fidelity Prototype

Summary

After assembling a lo-fi prototype to demonstrate a truck driver’s journey to secure help from Roadside Assistance, I conducted live usability studies with 12 truck drivers at an actual Ryder truck facility, 30 minutes each.

Tasks

  1. Scan the QR Code
  2. Complete the simple form
  3. Receive assistance

Results

Based on live usability studies with 12 truck drivers at an actual Ryder facility, 30 minutes each, asking each to scan the QR code, complete the form, and receive assistance.

100% successfully received Roadside Assistance

“Better than being put on hold”

100% found the app useful

“Saves so much time”

100% reacted positively

“I wish I knew about this before today”

92% would use it in the future

“I just want help as fast as possible”

Results were overwhelmingly positive on the first round, so no retest was needed — the team moved straight to high-fidelity mockups.

High-Fidelity Mockups

After validating our solutions with users, the next step was to finalize our screens and bring them to life.


Step 1

RyderGyde Wireframe: Step 1
RyderGyde Mockup: Step 1

Step 2

RyderGyde Wireframe: Step 2
RyderGyde Mockup: Step 2

Step 3

RyderGyde Wireframe: Step 3
RyderGyde Mockup: Step 3

Complete

RyderGyde Wireframe: Complete
RyderGyde Mockup: Complete

Final Prototype

The final step before handing off our designs to the development team was to take our high-fidelity mockups and create a working prototype. It anchored stakeholder presentations, helped us verify final details with testers, and gave developers a visual reference to build from.

RyderGyde final prototype

Beyond Roadside Assistance

Roadside Assistance wasn’t the only friction point drivers dealt with on the road. Fuel expense reconciliation was entirely manual — drivers turned in paper receipts, and accountants had to sort, match, and enter each one by hand before fuel taxes could be reported correctly across states. It was slow, error-prone, and pulled accounting time away from higher-value work.

I designed a mobile flow letting drivers photograph and submit fuel receipts directly from the road. Each receipt is logged digitally and organized for International Fuel Tax Agreement (IFTA) reporting, replacing the physical stack of paper receipts accountants previously reconciled by hand.

Lessons Learned

1. Technology has its time

In a pre-pandemic world, QR codes were a forgotten craze even though native camera apps can scan them. But now that people don’t want to touch anything, they’ve become commonplace, proving that integration and usefulness are necessary for technology to be accepted.

2. Web apps are powerful

A Progressive Web Application (PWA) is a quick and cost-effective way to provide a simple experience for any user across platforms through a browser. For this project, its simplicity helped with user adoption and convenience.

3. No more registering

A huge hurdle for new users is getting them to register. Not only is it a hassle, signing up for yet another app, but it can be a deal breaker. By eliminating this hurdle for drivers, we can quickly get them the assistance they desperately need and possibly win over a new user for the native app.