UI/UX Design

Seastreak Ferry

Seastreak Ferry

Seastreak Ferry

A responsive ticketing app and design system for the Seastreak ferry.

Focus: Branding, design systems, Figma variables
Program: Figma
Length: 12 weeks

A responsive ticketing app and design system for the Seastreak ferry.

Focus: Branding, design systems, Figma variables
Program: Figma
Length: 12 weeks

Overview

Overview

Overview

Seastreak Ferry operates as a commuter-friendly option from central New Jersey to New York City. The ship travels between Highlands, NJ, Manhattan, and Coney Island.

Prompt

Prompt

Prompt

Design a web app for a multi-city transportation service connecting three cities visa bus, plane, or train. Develop a fully functional prototype using Figma variables, and then create a design system.

Figma Variables

Figma Variables

Figma Variables

This project allowed me to dive deep into Figma variables. Protypes that used to need hundreds of frames and thousands of "noodles," could now be done in less than ten frames.

Design System

Design System

Design System

Using the elements from the fictious brand I created, I developed a design system, a streamlined set of rules and components ensuring visual and functional consistency across a product for a cohesive user experience.

Maureen McLean 2024