Viking Cruises

Web, mobile, and TV apps
PROJECT

Live Map Ship Tracker

project-hero

OVERVIEW

Viking wanted to offer the ability to visualize all ships, both river and ocean, currently sailing around the world in real-time. The UI allows users to search and browse ships as well as to discover details about ports along a given route.

ROLES

Visual Design

DETAIL

Desktop Experience

section-detail-1
Opportunity

To show the scale of Viking, how can we display all ships in the Viking fleet that are sailing at any given time?

Goals
  • Offer users a way to explore Viking itineraries with a map
  • Provide useful information about cruises and destinat
Pain Points

When wireframes came in from a third-party, we were forced to translate them into a coherent design. Based partly on my work on this application, Viking decided to use us for UX and UI design going forward.

section-detail-1

A drop-down on the world-view allows users to explore by ship or itinerary.

section-detail-1

Clicking a ship icon shows its name, the itinerary name, and it's whereabouts.

section-detail-1

These icon explorations were aiming to show a clear distinction between river and ocean ships. My favorites were on the far right.

PROJECT

Owner's Suite iPad App

section-detail-1

OVERVIEW

Viking requested a landscape iPad app to control various aspects of the owner's suite aboard its ocean ships. It needed to be able to control many functions in four separate areas.

ROLES

Wireframing
Prototyping
Visual Design

section-detail-1
Opportunity

How do we interact with and display controls for five distinct commands in four separate areas of the suite?

Goals
  • Provide a user with a luxurious, easy application for controlling their suite
Pain Points

Working landscape-only was challenging. It meant putting controls in the middle of the screen would be a stretch if a person held the device with two hands, which, in landscape mode, was more likely.

section-detail-1

TV/DVD controls are aligned so as not to be a stretch while hold the device with both hands.

DETAIL

Wireframes

section-detail-1
section-detail-1
section-detail-1
section-detail-1
section-detail-1
section-detail-1

An interactive prototype shows a novel way of navigating between rooms and functions.

PROJECT

Online Booking

section-detail-1

OVERVIEW

Prior to this work, Viking did not offer online booking. Working directly with the Chief Digital Officer I created the wires defining the online booking experience. Finally, the 400,000+ travelers who book with Viking each year were able to do it online.

ROLES

Wireframing

section-detail-1
Opportunity

For a business the size of Viking not to have online booking, the opportunity was immense. While a lot of their passengers are less computer-savvy, future passengers will continue to be more and more so. The challenge was to update the booking experience in order to supplement the call-center based booking currently in use.

Goals
  • Offer users an easy way to book two passengers online in a seamless, experience that mirrors call-in booking
Pain Points

Edge cases proved challenging on this project. Because Viking offers so much, including all options in the booking experience makes it a long one. Two people usually book at once, but might have different requirements for air, extensions and options. The challenge was designing for edge cases as thoroughly as we designed for a more common use case.

section-detail-1

Payment detail. The summary in the right column is persistent in the experience to offer a user a running total.

PROJECT

Mobile Passenger Check-In App

section-detail-1

OVERVIEW

Viking wanted it to be easier to check in passengers when they arrive to board a ship. Using the mobile accessory FastPax, an agent can easily scan travel documents and credit cards in order to expedite the boarding process.

ROLES

Wireframing
Visual Design

section-detail-1

Wires show an example check-in flow.