busbannnnn

CATEGORY

Product Design

Logo & Brand Identity

ROLE

Project Manager

Product Design Lead

SOFTWARES USED

Sketch, Invision, Zeplin, Illustrator, InDesign

DATE

Aug 2018 - Dec 2018

BusRight: A platform to track bus fleets

Bus transportation can run at many inefficiencies, especially within school districts. BusRight is the only bus fleet manager than has integrated technology to optimize routes and track student ridership for parents, school administrators and drivers, who want a more efficient bus system in the era of increasing student safety.

Within only 10 weeks, our team of 5 was responsible for designing and developing the UX/ UI of a responsive bus fleet manager, along with a marketing site, logo and branding in an agile environment. As a result, BusRight received $100K in funding from Dick Schulze (founder of Best Buy), Google and Underscore VC, and was selected as a top 10 university startup in Boston to participate in the UFirst Summer Accelerator.

I was the project manager and product design lead, managing 1 interaction designer on the marketing website, 3 developers for the platform and marketing site. I was responsible for final edits on all deliverables, setting goals and design sprints, and coordinating all communication with our client.

View the marketing website here.

busban

Logo and Brand Identity

Our branding process began by mapping out characteristics and personality traits of BusRight. Through identifying BusRight’s values of safety, efficiency, route optimization, clarity and approachability, this laid a foundation for our logo and visual design process. I designed the BusRight logo, which takes the form of an abstract B, a shape of a school bus and a route. The colors chosen for the brand enhanced academia with a Royal Yellow and a Navy Blue. The logomark is placed on the marketing website and the platform that we designed.

buslogo4
IMG_9151
BusRight (41 of 60)
Studio Meeting 3 (13 of 25)

The BusRight Platform

The Problem

School Administrators lack extensive information on bus fleets within a district; unaware of the number of buses, routes and drivers assigned, leading to a dilution of information and student safety.

The Solution

A platform that gives District and School Administrators a clear indication of all buses assigned to a district, the different routes per bus, and the driver assigned to each route.

Research and Discovery

Our research began by conducting primary and secondary research. Our primary research consisted of in-depth interviews with school administrators in the greater New York district to understand their        pain-points and the underlying need for this platform.

Some questions we asked were:

•   What is the most frustrating part of keeping track of bus fleets?
•   How is your student data currently stored?
•   How comfortable are you learning and managing a brand new platform?
•   What features/ characteristics would incentivize you to use a bus fleet manager platform?

Our secondary research was focused on potential competitors, finding current solutions that already exist and understanding key points of differentiation. The synthesis of the primary and secondary research gave rise to user personas:

user stories
comp

Challenges

Working with a start-up, we hit many pivots! There were three big challenges:

1. End-user difficulties: Not being able to actively view and navigate through a school administrators current platform, which would allow us to empathize more with their pain points providing room to grow from current existing solutions. To combat this, we had multiple interviews and conversations with school admins by testing our product out and iterating through constructive feedback.

2. Working within constraints: initially the MVP was to be able to track live feed of each Bus en route, but due to restrictions within our back-end/ API, we had to reduce the data stored within each district / school.

3. Communication difficulties: having very little knowledge of the back-end development and API of our product, which led to not having the right information on the extensiveness of project. This led to multiple back and forth with the BusRight tech team located in Pennsylvania.

Research Takeaways

1. One Stop Platform

Need for a one stop platform that has relevant information of buses within a district, drivers assigned, times, route and duration.

2. Ease of Access

A straight forward onboarding process to upload routes and assign drivers, an action-oriented dashboard where all functions are accessible.

3. Actionable Items

Urgent information must be displayed immediately with the option of taking action without multiple steps.

Wireframes and User Journeys

The platform consisted of two views: the District Admin view and the School Admin view. The district administrator is able to upload routes, assign school buses and drivers to routes and give school admins access to view routes. The School Admin view allows school administrators to view the different routes, assigned buses and drivers.

site_map-01
Dashboard_school_log_in
Route Detail Desktop Amy
Invite Drivers Desktop Amy

Adding Visual Design

The user interface developed simultaneously as we iterated our wireframes based on feedback. We opted for a clean, modern UI that reflected BusRights newly established brand. In order to keep design consistent through all screens and easily convert our designs to our developers, I created a component guide that summarized all buttons,  cards and icons with their respective statuses (selected, hover, unselected).

component

Designing for Accessibility

When choosing our color palette, we were mindful of accessibility for color blindness. We used the sketch plug-in stark to determine an accessible color palette for our user interface. 

Screen Shot 2019-03-14 at 5.21.51 PM

User Testing and Iterating

Once we narrowed down our color palette and UI components, we tested the first round of hi-fidelity wireframes with District Administrators in New York. We recieved positive feedback on our straight-forward on-boarding process and accessible dashboard. However, we got the bus schedules wrong, and intead of allocating certain times, we decided to include times: AM, PM, and LATE. Through further feedback we constantly iterated until all screens had a consistent flow of design, elements and components. 

ONBOARDING

Desktop Onboarding Homepage Main – JW
Desktop Onboarding Homepage School Setup- Setup School JW
Desktop Onboarding Homepage School Setup- Acct Setup JW
Desktop Onboarding Homepage School Setup- Admin Signup JW
Desktop Onboarding Homepage School Setup- District Setup JW
Desktop Onboarding Homepage School Setup- Login JW
Desktop Onboarding Homepage School Setup- Invite Drivers_02
Desktop Onboarding Homepage School Setup- Login JW Copy

SETTINGS 

settings_account
settings_district
settings_admin_pressed
settings_school copy 4

DASHBOARD

Desktop Dashboard Initial View Copy
Desktop Dashboard District View Copy
Desktop Dashboard District View Dropdown Copy
Desktop Logout Copy

ROUTES & DRIVERS

Desktop Routes JW New Route Page Copy
Desktop Routes JW Edit Route Page Copy 2
All Drivers Copy
Driver Detail

Optimizing for Screen Types

As we built our product for BusRight, we took into account accessibility within different screen sizes. BusRight is a fully responsive application, with all screens adjusted for ipad and iphone sizes.

TABLET

Tablet Onboarding Homepage Main – JW
Tablet Onboarding Homepage School Setup- Acct Setup JW
Tablet 404 Error Page
Tablet Routes JW New Route Page 2
Driver Details Tablet
Tablet Settings School Copy

MOBILE

Mobile Onboarding Homepage School Setup- Login JW
Mobile Dashboard District View Copy
Mobile Routes JW New Route Page
Mobile Routes JW Route Detail Page
Mobile
Mobile Copy

© 2019  Website Designed by Aarti Amalean