RushTrail

  1. 1. User Research Plan
    Arrow Right Line Arrow Right
  2. 2. Research Results
    Arrow Right Line Arrow Right
  3. 3. UI Design

Brief Description

RushOwl is a startup that aims to bring the convenience of bus shuttle service to the masses by supplementing the buses with their technology. Users can book the buses, check the estimated time arrival (ETA) of these shuttle buses and see where they are in their journey.

More recently, they have launched a new product which aimed to gather more information about users to concierge a faster and more direct bus route, enabled by their new dynamic route matching technology. Basically, users can indicate interest in the app to get from their home to their workplace at a particular time. Once there are enough users that have indicated interest, the route will be formed and users could enjoy better convenience as well as save time in their daily commute.

This was where my role came into place. I was in-charge of understanding users’ transportation needs, redesigning their current UI, and adding the new feature into the app.

Expertise
UX Research, Design

Platforms
Mobile

Deliverables
User Research Report, UI Design, UI Design System

Prototyping Tool
Sketch


UI Design

Once the research was complete, I could begin making informed decisions on the UI.

Design System

Whenever I start on a new project, I would determine a set of components, text styles and colors. Not only does this aid in keeping the UI consistent, it also helps in making my workflow more efficient.

A rough library made in Sketch A rough library made in Sketch

Authentication Flow

Profile setup is one of the main requirements for this application. Users can benefit from recommended routes by the RushOwl system.

Some main pages from the authentication flow Some main pages from the authentication flow

Booking Flow

You might notice a “Enter Route Code” button. This was one of the small requirements by the founders to include a way for expert users to use the application. Each card that shows the journey details the most important information for users.

Booking a private bus and choosing the date Booking a private bus and choosing the date

Other Screens

The main design for the booking information is to separate transaction-related information with the route details (from the booking flow).

Other important screens Other important screens

Conclusion

This was an interesting and fun project to work on as RushOwl is one of the rare start-ups that believed in UX design and it was very rewarding. This project started on 30 Jan 2020 and ended on 18 Feb 2020. They proceeded to released their update based on the redesign on 21 Apr 2020.

Links

  1. RushTrail by RushOwl Singapore on the Android Play Store.
  2. RushTrail on the iOS App Store.
  3. Similar UX write-up on RushTrail from my previous employer, Reassemble.
design

Other posts

Figma Dev Mode First Impressions Hero Blog
 

Figma Dev Mode First Impressions • 2023

A product engineer’s first impression of Figma’s Dev Mode
sBox Hero Showcase
 

sBox • 2020

Secure File Manager UI Design
Sketch Prototyping with Fixed Elements Hero Blog
 

Sketch Prototyping with Fixed Elements • 2019

Creating vertical scrolling prototype in Sketch with fixed elements
FrDancers Hero Showcase
 

FrDancers • 2019

Dance Video Platform App
SMUMods Hero Showcase
 

SMUMods • 2018

Personal group project for SMU students to review their Professors and modules

Contact