Princess Cruises

Ocean Medallion Vacations

Work with our marketing and development departments to help rebrand and retarget our website to include our new Medallion Class app user experience off and onboard our cruise ships.

Project Brief

Audit our user journey and booking flows to find optimal opportunities to help remove existing pain points, analyze user feedback and rebrand the website to include our new Medallion Class experience. Develop a companywide design system and pattern library to help unify our branding and app integrated experience across marketing, design and development teams. Simplify global site navigation, booking flow, cruise destination details and booked guests experience. Work within SEO and stakeholder goals to not only make the user experience better but meet KPI goals at the same time resulting in record breaking conversions and NPS scores.

Work

UX/UI Design, Personalization, Brand Style Guides, Design System, Wireframes, Prototyping, User Research, Journey Mapping, A/B Testing, HTML, CSS

Color Palette

RGB: 0 83 139
CMYK: 100 71 22 5
Hex: #00538B

RGB: 194 217 234
CMYK: 23 7 3 0
Hex: #C2D9EA

GRADIENT:
Hex: #C2D9EA
Hex: #00538B

RGB: 147 149 152
CMYK: 0 0 0 12
Hex: #E2E3E4

RGB: 234 229 220
CMYK: 7 7 11 0
Hex: #EAE5DC

RGB: 114 163 95
CMYK: 60 18 80 2
Hex: #72A35F

RGB: 77 158 164
CMYK: 70 22 35 0
Hex: #4D9EA4

RGB: 3 92 103
CMYK: 92 49 49 24
Hex: #035C67

RGB: 213 225 155
CMYK: 18 1 49 0
Hex: #D5E19B

RGB: 72 107 62
CMYK: 72 37 88 26
Hex: #486B3E

RGB: 241 172 153
CMYK: 3 38 35 0
Hex: #F1AC99

RGB: 224 112 112
CMYK:8 69 48 0
Hex: #E07070

Typography

Lora

Lora is a well-balanced contemporary serif with roots in calligraphy. It is a text typeface with moderate contrast. Type set in Lora will make a memorable appearance because of its brushed curves in contrast with driving serifs. The overall typographic voice of Lora perfectly conveys the mood of a modern-day story.

Regular

Italic

Roboto

Roboto is a great complementary typeface to Lora. Roboto is a san-serif typeface that works with a serif typeface to provide diversity and hierarchy within our design. Roboto is an open-source sans serif typeface created for legibility in UI design. With a variety of weights that read easily at all sizes, Roboto provides clear headers as well as highly readable body text. It has both warm and welcoming qualities that personify our “Everyperson” archetype. This typeface is used in the body copy for legibility and balance.

Regular

Bold