Royal Caribbean Digital Companion App
Overview
Royal iQ was Royal Caribbean’s original digital companion app, introduced on Quantum-class ships. It allowed guests to manage their cruise experience from their phone or tablet. Key features included digital check-in, viewing daily schedules, booking shore excursions, dining, and entertainment, as well as managing onboard reservations. It also offered onboard messaging and calling, plus the ability to keep track of spending.
Role:
UX/UI Designer
Timeline:
8 weeks
Tools:
Balsamiq, Photoshop
Team:
Development, Project Management
Problem
Royal Caribbean needed to support a wide range of onboard functions (i.e. dining, shows, excursions, and schedules) without overwhelming guests. The challenge was to serve both users seeking quick access to specific information and those wanting to browse and explore.
Solution
We created a scrollable home page anchored by modular widgets that highlighted the most useful features up front (i.e. upcoming activities, dining options, or excursion highlights). Each widget offered a snapshot of content with a path to more detail, making the app simple for task-focused users while still encouraging exploration.
Discovery
Ideation
Widget User Flows
Below are some examples of the home page widget user flows. We had to account for many different states of the app per guest:
Users might be interacting with the app before their cruise with or without having linked it to a specific booking.
Users might be in a foreign port of call without cellular or WiFi service.
Different features needed to be displayed on different days of the cruise (i.e. showing information about restaurants reservations on the last day would not be useful, since the guest was leaving the ship).
Access Points
Wireframes
To structure Royal Caribbean's companion app, we developed a comprehensive wireframe divided into widget sections. In my role, I focused on designing the Button Grid widget, Featured Item widgets, Calendar Snapshot widget, and Accordion widget. Collaborating closely with my team, we ensured each section accurately represented the client's objectives and content placement.
After finalizing the wireframe, we developed high-fidelity screens, adding more visual details and refining the overall design. By transitioning from wireframes to high-fidelity screens, we were able to finalize the design and incorporate visual elements that enhanced the overall aesthetics and usability of the application.
This step-by-step process enabled us to create a cohesive and visually captivating design that effectively conveyed Royal Caribbean's key information and objectives on their Royal iQ app.
Scrollable
Tablet Documentation
Phone Wireframe
Scrollable
Phone Documentation
Design
High Fidelity Screens
After finalizing the wireframes for Royal Caribbean's Royal iQ app, we developed high-fidelity screens to showcase the final visual design. This detailed screen incorporated typography, colors, imagery, and spacing to bring the design to life. We maintained a consistent and cohesive brand identity throughout the screen by adhering to the established style guide and brand platform. The high-fidelity screen provided an opportunity for client feedback and collaboration, ensuring that the final design accurately captured their vision for an engaging and visually appealing companion application.
