BulbCreative | User Experience Designer | Freelance HTML, CSS and Jquery Developer | Denver, Colorado

Carnival - All brands group

a responsive web platform experience

ADT - Responsive Web App - Dashboard

THE Ask

Benefitting from SapientRazorfish's long standing relationship with Carnival, we were asked to onboard the sister companies Holland America, Costa Cruises, Seabourn, Princess, Cunard, P&O Cruises and Aida onto the responsive web platform we had originally built for Carnival.
 
More specifically, the platform would be improved in the following ways:
ADT - Pitch Dashboard
Brand
Clearly communicate classic style and enriching journeys that appeal to all senses – even beyond the five traditional senses.
ADT - Pitch Dashboard
product
Improve content curation and choreography across the breadth of destinations, gracious service, impeccable cuisine and onboard entertainment.
ADT - Pitch Dashboard
transaction
Easily find a cruise and make a purchase either  online, via phone, or by contacting an affiliated Travel Agent.
ADT - Pitch Dashboard
promotion
Balance short-term retail needs with longer-term brand imperatives during promotional windows.

My Role

While my role was a support role, the work I did focused on in-depth requirements gathering, competitive analysis, user flows, information architecture documentation, sketching, wireframing and component level annotations.

Discovery phase

When I joined the project, a good junk of work had already been started. The discovery exercises I went through were around new template screens and components that needed to still be created.

 

Here are some of the documents that came out of those exercises.
ADT App Flow
ADT Settings Flow
ADT App Flow
ADT Settings Flow
ADT App Flow
ADT Settings Flow
ADT App Flow
ADT Settings Flow
ADT App Flow

experience design

Because this platform will be rolled out across multiple brands, we worked to build a component library in which a number of components could be used to build a variety of template pages that would satisfy the requirements of each brand. Below are some of the wireframed template pages and annotated components. Components were made responsive and also account for variations and states that exist.
ADT - Automations Dashboard
ADT - Dashboard
ADT - Lights
ADT - Automations Dashboard
ADT - Dashboard
ADT - Lights
ADT - Annotated Wires
ADT - Annotated Wires
ADT - Annotated Wires

visual design

Because the sites are not yet made public, I'm limited in showing the fullly visually designed template pages for each brand. Below are some of the visually designed components that will be used to build the template screens.
ADT - Desktop App - Mobile App - Cameras
ADT - Desktop App - Thermostat
ADT - Desktop App - Thermostat

Updates to come

The sites are set to launch later this year. I will update this page with the fully designed comps at that time.