Creating a bus booking application with Figma variables

Busway Prototype

Creating a bus booking application with Figma variables

Busway Prototype

Creating a bus booking application with Figma variables

Busway Prototype
Overview

Busway is a multi-city transportation service that links upstate NY cities, Albany, Buffalo, Rochester, and Syracuse via bus. The project objective was to create a functional prototype using Figma variables.

Overview

Busway is a multi-city transportation service that links upstate NY cities, Albany, Buffalo, Rochester, and Syracuse via bus. The project objective was to create a functional prototype using Figma variables.

Overview

Busway is a multi-city transportation service that links upstate NY cities, Albany, Buffalo, Rochester, and Syracuse via bus. The project objective was to create a functional prototype using Figma variables.

My Role

UX Designer

Responsibilities

UX/UI Design, Prototyping

Timeline

September - November 2023 (6 weeks)

My Role

UX Designer

Responsibilities

UX/UI Design, Prototyping

Timeline

September - November 2023 (6 weeks)

My Role

UX Designer

Responsibilities

UX/UI Design, Prototyping

Timeline

September - November 2023 (6 weeks)

Prototype

You can try this prototype yourself and explore the file editor to see the variables in action!

*Currently, the option for a one-way trip hasn't been implemented, so a return date needs to be selected.

Prototype

You can try this prototype yourself and explore the file editor to see the variables in action!

*Currently, the option for a one-way trip hasn't been implemented, so a return date needs to be selected.

Prototype

You can try this prototype yourself and explore the file editor to see the variables in action!

*Currently, the option for a one-way trip hasn't been implemented, so a return date needs to be selected.

Key Features
Key Features
Key Features

An intuitive interface allows users to specify departure and return dates within a one-month timeframe.

Error prevention mechanisms are in place to avoid common booking mistakes, such as setting a return date before the departure date

Controls for choosing baggage preferences, passenger counts, and additional upgrades ensure that users can tailor their travel experience to their needs.

Form fields capture passenger details and process payments securely.

Reflection

Mastering Figma Variables

At first, Figma variables seemed difficult due to their abstract nature, which made linking elements feel counterintuitive. However, after watching many tutorials, setting up variables became enjoyable as I realized their power to streamline tasks and simplify changes across screens. This efficiency became evident as I iterated on the Busway Prototype, where consistent adjustments were necessary.

Check out my other projects! ↓

Check out my other projects! ↓

Thanks for visiting!

Made with 💖 © Emily Lee 2024

Thanks for visiting!

Made with 💖 © Emily Lee 2024