thebus bus illustration

The Bus Mobile App

  • services:
  • Mobile App
  • Typesetting
  • software:
  • Figma
  • Illustrator
  • Photoshop

As someone who frequently rides the buses in Hawaii, I felt the need for an app that makes it easier to know bus locations, arrival times and availabilities. I have designed an app with user-friendly features that anyone can use, focusing on convenience and accessibility.

Ideation

Site map

I focused on simple usage without the need for complex launches. Users can log in once to save their bus information, and continue using it without difficulty. Emphasizing convenience for quick access at any time over repetitive and time-consuming processes was my priority. Additionally, I aimed to provide users with the most necessary services they might need.

thebus sitemap
thebus styletile

Style Tiles

I made an effort to incorporate the colors of "TheBus," Hawaii's bus service, into the design. Using similar shades, I aimed to enhance consistency and maintain visual harmony.

Wire Frame

thebus wireframe

Prototype

thebus prototype

Essential Features

Bus Moving

I added this feature to make it easy to see which bus stop the bus is currently passing.

Location Light

I included this feature to easily check my location and which direction I'm facing.

Finalizing

Final Result

While incorporating the colors of "TheBus," Hawaii's bus service, to maintain its ambiance, I introduced accent colors that complemented the overall design without detracting from the original color scheme. This ensured a visually pleasing design. The app illustrates the movement of buses approaching specific stops through dynamic visuals, allowing users to effortlessly identify their location and nearby stops. Additionally, it automatically detects and displays information on buses frequently used by the user, facilitating ease of access to relevant details.

  • the bus gravity screen mockup
  • the bus mockup of a blonde girl using her iphone