A woman and a man using the large touchscreen on a cruise ship wearing the proprietary wearable

Digital Cruise Ship App

App designed at MATTER,
San Francisco

2016

Digital app suite for cruise ships (staff and guest apps) delivers a huge number of features including a virtual concierge for the trip, multi-media entertainment, and ways to personalize the trip. The team designed a complex design system of animations, graphic elements, and UI.

A woman and a young boy using one of the large touchscreens on a cruise ship. They are creating an avatar.

All around the ship are wall sized touchscreens that guests activate with their wearable medallion. All of the same functionality is available as on mobile devices and stateroom TVs. The design system includes staff tablet/mobile apps to accommodate guests.

User flow showing the process of managing flight and transportation details. Visitors complete their cruise trip details including arrivals at port, flight and transportation information, wearable customization details and other pre-trip onboarding.

Part of the onboarding userflow, creating a grouped experience with other guests, both for arrival information, meals, and excursions.

App home screen (top middle and bottom of the scroll). Includes schedules, activities, and on board services including the spa, excursions, and dining options.

A major element of the design was responsive animated elements that “dive” deep into the ocean with exploratory content of activities to participate in. Left/Right scroll acted as a timeline personalized with all scheduled activities.

Mobile experience examples

Portal Large-format screens

Two guests using the large touch screens to explore the daily the schedule on board.

On the timeline view of a trip, the background (sky, sea, land) change with the location and time of day.

A family using one of the large touchscreens on a cruise ship. They are creating an avatar.

Since every guest has a medallion, they are able to use any screen around the ship tailored to their needs.

The Team

Andrew Sawyer – Visual Design
Christie Rixford
– Design Lead
Henry Wu
– Visual Design
David
– Iconography
Josh Oh
– UX
Lauren Bendal
– UX
Adam Leonards – Creative Direction
Devon Stern
– Motion Graphics
+ Collaborators, contractors, and client partner teams