Bee Line
← qzeng.exe
Project Overview

Campus Transit that Helps SCAD Students Recover When Plans Change

A system-level redesign of SCAD's campus shuttle system, from route discovery down to the moment a bus stops running mid-commute. Bee Line replaces a confusing, one-size-fits-all route list with a location-aware home screen and a built-in recovery path for every disruption.

Bee Line high-fidelity screens for the Emergency alert, Current Route color legend, and Wallin Hall arrival times, composited over the SCAD shuttle bus
02 Solution Highlight

From Service Disruption to a Clear Next Step

Students were used to being “locked” in a dead end if an emergency came up; but now, Bee Line turns it into a guided decision.

When the shuttle stops unexpectedly, what happens next is where the two systems diverge.

Before
Student waits
The existing TransLoc app showing many overlapping bus routes, giving the student no clear next step
After
Emergency alert
Bee Line's Emergency alert screen explaining the disruption with an Alternative Route button
Before
Doesn't know what happened
The existing TransLoc app showing a stop's arrival time with no explanation when service is disrupted
After
Recommended alternatives
Bee Line's Recommended Lines screen offering ranked alternative routes after an emergency
03 Project Context

A Second Look at SCAD's Shuttle System

Bee Line is a second-iteration redesign of SCAD's TransLoc-based shuttle system. After an earlier pass only surfaced surface-level issues, I formed a new team under my professor's guidance to dig into the real pain points: route planning, real-time visibility, and recovery when a route breaks down mid-trip. We worked it as a service design studio, using desktop walkthroughs, conversational prototyping, and iterative usability testing with fellow students.

CourseSERV-732 Service Design Prototyping
TimelineSep–Nov 2024
My RoleUIUX Design Leader
UX Researcher
TeamElaine Zeng, Noa Wang, Rocky Li
Elaine, Noa, and Rocky sitting together at a table with laptops open
04 Existing Experience

Students struggled not only to start their journey, but also to recover when the journey didn't go as planned.

SCAD's campus is spread across downtown Savannah, so students shuttle constantly between studio buildings, dorms, and dining halls that can sit a mile or more apart. The existing app doesn't help much: bus info is hard to parse at a glance, nearby stops aren't obvious, and when a route goes down mid-trip, there's no one to ask and nothing telling students what to do next.

?
3–4 unexpected shutdowns a month, by student reports
When a route goes down, students improvise

Look for another bus that still reaches their destination

Call an Uber or Lyft

Ask around if a nearby classmate can give them a ride

Walk

05 Desktop Walkthrough

Simulating the Journey to Trace Every Pain Point

We simulate student and shuttle interactions, mapping out various scenarios to identify pain points. By analyzing the sequence of events, we traced issues back to their underlying system causes, allowing us to pinpoint areas for improvement in the shuttle experience.

06 Research & Discovery

Understanding How Students Navigate Campus in Real Life

We then applied conversational prototyping, treating the shuttle system as a virtual consultant to engage users in natural dialogues. By simulating real-time interactions, we gained deeper insights into how students express their needs, make decisions, and navigate the shuttle system. This approach allowed us to uncover pain points more organically and refine our design to better align with user expectations.

“How to Choose the Line?”

A step-by-step trace of the as-is TransLoc flow, each screen paired with real feedback, its pain point, and the design opportunity it revealed.

1

Open TransLoc

TransLoc as-is screen

“TBH, I use TransLoc to do the same operation every day, and I can’t directly check which route I use most frequently.”

“There are too many overlapping routes. I can’t recognize buildings. I need to click on them one by one.”

The information of the map is cluttered.

Quick action — preference line.

2

Search the Destination

TransLoc as-is screen
TransLoc as-is screen

“I want to visit an unfamiliar building, but I often can’t find the correct building name here, and I can’t tell if it is a SCAD building.”

“Every time I search for a destination, no relevant line types are displayed.”

The lack of key information in the search box.

Quick action — preference line.

3

Check Routes

TransLoc as-is screen

“When I go to an unfamiliar teaching building, I don’t know which line is the fastest. In other words, I can take some time to walk to the second closest station to my home, but I often have to spend a long time to compare and contrast which one is the most convenient and does not require me to transfer to other routes.”

“After opening Green, I found that there was no bus at all. This line was unavailable and I didn’t know why.”

  • Highly repetitive operations and bounce rates for route comparisons.
  • Unclear operational status / unclear status of real-time tracking.
  • The map is confusing and lacks visualization of real-time arrival time forecasts, thus requiring the user to perform repetitive actions on too many pages to view arrival times.

Recommendation function for routes.

4

Check Stops & Estimate the Fastest Route

TransLoc as-is screen
TransLoc as-is screen
TransLoc as-is screen

“The destination I just searched for is not displayed on the stops list, which may cause me to miss it. The nearest stop to the destination should be displayed.”

“I need to repeat the operation many times and check every line, because sometimes I need to transfer. This is the most troublesome thing for me. I need the fastest route without having to walk too long or wait too long.”

5

Choose a Line & Wait for the Bus

TransLoc as-is screen

“Sometimes, even if I set an alarm, I will still miss the bus. I hope I can be notified by SMS or other platforms, at least so that I can exit the app and hear that the school bus is about to arrive, so that at least I can speed up my walking speed.”

The alarm’s reliability is too low.

Alarm’s message linkage.

07 Key Findings

What Was Actually Slowing Students Down

01

Map information overload and clutter

Overlapping routes on one map make lines and buildings hard to tell apart, with no clear landmarks or simplified visualization.

02

Lack of critical information in the search box

Users can't easily tell which line is fastest or closest, so they compare routes by hand, and destination stops aren't always shown.

03

Highly repetitive and inefficient operations

Searching for destinations and comparing routes takes repeated effort, with no streamlined way to do these common tasks.

04

Low visibility and effectiveness of alarms

Alarms don't reliably get students' attention, so buses still get missed even with a reminder set.

08 Problem Statement

From a Faster Bus to a Faster Rescue

How might we
1

help students find campus buses faster?

2

help students continue their journey, even when the expected route fails?

09 Design Strategy

Getting to the Right Design Strategy

“If my bus is full, my whole plan falls apart. Buses on my line can be 30 minutes apart, so missing one means I'm late no matter what I do.”

That feedback sent us through three directions before we landed on the one that shipped.

Iteration 01 Pushed back

Reserve a Route, Time, and a Seat

Our first instinct was to let students reserve a specific bus, departure time, and seat ahead of time, so a full bus would never catch them off guard.

Bus schedule screen showing available departure times with a Book Seat button TransLoc booking flow step 1, selecting route, pick-up, drop-off, and time TransLoc booking flow step 2, selecting a specific bus seat from a seat map
Professor Sunghan Kim ×
Professor pushback

Most students were genuinely fine standing for a short ride. Reserving a seat solved a problem almost nobody actually had, so it wasn't worth the added complexity.

We reframed the question

Instead of a faster bus, how do we get students to where they're going?

The deeper we looked, the more disruptions we found, so the real question became how to rescue students from an emergency. And when we asked why students were “running” for the bus at all, the answer was almost always the same: they didn't want to be marked absent.

Iteration 02 Pushed back

Alert the Professor Directly

So we designed a way to connect the bus system straight to the classroom: if a student's bus hit a delay, the professor for that class would be notified automatically, so the absence wouldn't get marked.

TransLoc bus warning alert showing a geofenced stop area with a late bus warning Contact list of professors with an email button next to each name Confirmation modal reading Sent Successful, your notification has been sent to the professor
Professor Sunghan Kim ×
Professor pushback

This one got pushed back harder, for two reasons: professors have no way to tell whether a student left late on their own or genuinely got squeezed by back-to-back classes and a tight transfer, and professors already use their own judgment, if a bus really did cause the delay, they weren't marking it absent to begin with.

Iteration 03 Shipped

Push Alternative Routes by Destination

Our third direction focused on what students actually needed: not proof for a professor, but a way to keep moving. When a route goes down, the system pushes ranked alternative routes based on the student's destination, so they can pick one and get going again.

Current route map showing the student's live location along the bus route Emergency alert modal offering an alternative route or a reminder for later Recommended alternative lines ranked by arrival time after an emergency
Team
IdeaFeedback
Professor Sunghan Kim
Lead

Working with a professor who could push back felt like reporting to a lead: I had to resolve the feedback, not overrule it. Two rejected directions later, that back-and-forth is what got us to the one that actually worked.

10 Design Solution

Three Operational Bars, One Clear System

Route selection is organized around three bars: 1) View All the Bus Lines, 2) Surrounding Route Display, and 3) Destination Route Planner, and current-location plus destination always highlighted on the map with substitution recommendation when emergency comes.

Set a Preference & Get RemindedSelect the line you want and tap “Remind Me”
Get Routed to Your DestinationPick the recommended line that gets you there
Reroute in an EmergencyWhen a disruption hits, an alternative route appears instantly
11 Design Challenge

Simplify Without Hiding What Matters

The hardest tension in this redesign was informational, not visual: showing enough real-time detail without recreating the clutter that made the original map unreadable. We resolved it by pushing detail down a level.

Stays on the map

  • Current location
  • Destination
  • Recommended line

Moves to the bottom sheet

  • Arrival times
  • Distances
  • Stop order
  • Live emergencies
12 User Testing — Validation Step

Putting the Redesign in Front of Students

5
Participants
3
Rounds of testing

Putting each version of the prototype in front of students and annotating exactly where it broke down before moving to the next iteration.

Round 01

Home Screen & Line Differentiation

“I want to find my current bus lines from the home screen and figure out which building I need to get to — there’s no way to enter a destination yet.”

What we found
  • “Why is there nothing? Is there no school bus running?” — an empty map read as a broken app, not as “no lines nearby.”
  • “Can’t select the selection view” and “how to know the nearest school building or station” — the map gave no way to act on what it showed.
  • “LimeABC has a problem with differentiation” — testers couldn’t tell similarly colored lines apart.
Where it broke

There was no way to enter a destination at all — every tester got stuck trying to plan a trip.

What changed

Added the “Where are you going today?” search screen with separate pick-up and destination fields, which became the entry point for round 2.

Round 1 usability testing board for the home screen, with sticky-note feedback about missing destination input and line differentiation
Round 02

Search, Recommended Lines & Stops

“I want to set my destination, pick a line from the Recommended Lines list, and check the stop-by-stop view for my route.”

What we found
  • “I don’t feel like the first route is the most recommended one — Gold is also 5 minutes, why isn’t it the top pick?” — the ranking logic wasn’t legible.
  • “Why is there no alarm?” and “how to select multiple lines but cancel at will” — the reminder bell and multi-select had no visible feedback.
  • On the stops screen: “it took me a long time to realize the bus was at Montgomery” — testers couldn’t tell which stop they were currently at.
Where it broke

Testers could not explain why one line outranked another with the identical arrival time — the core recommendation felt arbitrary.

What changed

Gave Recommended Lines a clear selected/highlighted state, and added a filled marker to the stops list showing the bus’s current position.

Round 2 usability testing board for search, recommended lines, and stops, with sticky-note feedback about ranking logic and current position
Round 03

Emergency Alert & Reroute

“My bus just stopped running mid-trip — I want to understand what happened and find another way to get where I’m going.”

What we found
  • “The red one makes me feel unavailable” — the red route styling read as “this bus doesn’t run here” instead of “disruption in progress.”
  • “Didn’t I send it successfully on the previous page? Why is the specific reason only displayed now?” — the alert felt like a second, disconnected step.
  • “Can you provide an expected arrival time? I want to see if it exceeds my class time.”
Where it broke

Without an ETA on the alternative routes, testers couldn’t judge whether to wait or just leave immediately.

What changed

Added arrival times to every alternative-route card, so the decision to wait or leave is immediate.

Round 3 usability testing board for the emergency alert and reroute flow, with sticky-note feedback about color meaning and missing arrival times
13 Outcome

What the Redesign Delivered

✓

A location-aware home screen that shows the relevant lines automatically, cutting out the repetitive search-and-compare loop students described in research.

✓

SCAD Building badges and clearer current-location / destination markers, resolving the building-identification confusion that was the top-cited pain point.

✓

A built-in emergency recovery flow, turning a dead-end service disruption into an alert with a ranked, ready-to-pick alternative route.

✓

A validated design, refined against real usability-test feedback across three task scenarios before final hand-off.

The Final Flow

Nine Screens, Start to Substitution

Prototype Walkthrough

The student opens to a home screen that already shows their usual lines, picks one and tracks it stop by stop, then, when that bus stops running mid-trip, they get an alert with a ready substitute line, all without leaving the flow or starting over.

Bee Line homepage automatically showing the bus lines around the student's current location
Step 1Homepage

Automatically showing lines around the user

Complete lines legend showing every bus line by color and name
Step 2Complete Lines

Clicking to see all serving lines

Lines provided around the current location after tapping the location marker
Step 3Lines Around the Current Location

Clicking location to see all bus lines around

A selected bus line highlighted on the map after the student chooses it
Step 4Selected Line

Choosing a certain line

Stops list showing every stop along the selected line with arrival times
Step 5Stops

Looking through all stops of the line

Search box showing a notification for bus lines surrounding the searched location
Step 6Notification in the Search Box

Searching to see surrounding bus lines

Destination route tracing showing the stop-by-stop path to the chosen destination
Step 7Destination Route Tracing

While selecting the destination and bus line, click to see the tracing stops

Alert pop-up notifying the student that the expected bus line has stopped working
Step 8Alert

The user receives a pop-up if an emergency, such as the expected bus line stopping, occurs

Substitution screen offering an alternative line for the student to select
Step 9Substitution

The system provides substitute choices for users to select another line

In Hindsight

What I'd Refine If I Did It Again

Tune the proactive push distance threshold
The gap

The shipped Alert only fires the moment a line actually stops running, so students find out right when their plan has already fallen apart.

The fix

Factor in the student's live distance from their stop and push the warning 5–10 minutes early (inspired by how Apple Maps warns ahead of traffic or accident-prone stretches) so students get more runway to choose an alternative route instead of reacting after the fact.

Before — shipped version
The shipped Bee Line Emergency alert, which only fires once a disruption has already happened

The alert only appears once the disruption has already happened, then recommends an alternative line.

After — refined version
A persistent Service changed ahead banner staying visible on the map and stops view after the early warning
Refined Stop Closing Soon alert, firing 5 to 10 minutes early based on the student's live distance from their stop

An early warning fires ahead of time, so students can start planning before the disruption occurs.

14 Final Validation

Testing the Shipped Design, One More Time

Before handoff, we put the finished prototype in front of 4 students for one last round of live testing to confirm the redesign actually worked.

Two students reviewing the Bee Line paper prototype and app screens laid out on a table A student examining the printed route-planner and stops screens from the prototype board Two students exchanging printed search and route-map screens while testing the prototype

“This is so much more convenient than my school's current app.”

15 Reflection & Future

Beyond Seat Selection

Under the guidance of professor and in collaboration with team, I learned how to look beyond surface requests and solve the root problem. By shifting our brief from ‘seat selection’ to route discovery and emergency substitution, we addressed students’ true commuting friction. Utilizing interactive research methods helped us trace frustration back to system-level causes, while iterative team collaboration ensured the final solution was both user-centered and feasible to ship.

The team and classmates celebrating in front of a Congrats banner at the end of the Service Design Prototyping course