Brandon Baun

abs-logo-white
ICLogoWhite_Web
Advancing Maritime Shipping
The MyFreedom Portal
UI Design
UX Design

The American Bureau of Shipping (ABS) is a maritime classification organization that globally serves the marine, offshore, and gas industries. Our team was contracted to design their chief product, the ABS MyFreedom Portal.

The Brief

What is the MyFreedom Portal?

The ABS MyFreedom Portal is a suite of fleet management and vessel compliance services used by shipowners, vessel managers, engineers, and more. It allows users to place orders, download reports, view findings, manage finance, as well as view key performance indicators (KPIs).

A System for Data

Component Library

The first step to this project was creating a design system based on InterContinental’s refreshed brand that was compatible with Adobe Experience Manager (AEM) — this was the CMS chosen to solve IC’s problem. AEM contains core components that are the building blocks for design and development. The design system, then, consisted of these core components and a few custom components (additional cost and effort).

The Brand vs. The Hotel

Phase Two

Two sets of templates were created using the design system from phase one: one for the InterContinental brand and one for hotel websites. The brand template would allow users to browse hotels, view event and wedding services, loyalty programs, press releases, and exclusive packages and offers. The hotel template served real hotels, with content such as rooms and suites, amenities, dining, local attractions, and more.

Brand hero

Hotel Hero

A World of New Adventures

Brand Templates

The brand templates consisted of a range of pages such as hotels & resorts, residences, and loyalty. One new addition our team made was an experience page that provided users the ability to browse by their desired experience. Once they selected their experience, they could explore regions and locations with hotels offering that service.

Dynamic Design

Hotel Templates

A core requirement of hotel templates was author-ability. In other words, content authors needed to leverage the design for their unique hotel content. The challenge was creating components and layouts that could serve this purpose. Design needed to be flexible to account for unique content needs while retaining boundaries to ensure solid user experience.

Building for Mobile

Responsive Design

Retaining functionality and clean design, from small screens to big. The InterContinenal site was built to be responsive.