Intelier

The product suite built for hotel marketers

Intelier project hero.

During 2016, there was not only an initiative to rebrand the company itself (which later became Achiga), but also to transform the CMS (LiveCMS 5) behind every experience we created as a design agency into a product suite built for hotel marketers. I led product design on this effort.

Role

Lead Product Designer

Company

Achiga

Industry

Hospitality

Year

2016–2017

Contributions

Product Design
Design System
Brand Identity

Brand Identity

We started by developing a brand identity that drew inspiration from architecture, utilizing lines, patterns, and other concepts you’d find in drafting to symbolize the design, planning, and development of sites and campaigns our customers would execute with our products. The pattern is reminiscent of architectural floor plans and symbolizes the "blocks" that are at the core of the product offering.

Snapshot of brand guidelines.
Product logos.
Typographic scale.
Product Design

I analyzed the current platform and took inventory of all of the existing components, and talked to teammates to collect feedback on what they would like to improve. Armed with new insights, I got to remodelling the information architecture, restructuring existing "modules" more logically under the umbrella of our product suite. I designed new components in the new brand looking to improve the UX and address missing functionality —keeping what worked, and redesigning ones that didn't. 

Intelier CMS - Homepage
Intelier CMS - Hotel Sites - Pages
Intelier CMS - Hotel Sites - Pages - Overview page
Intelier CMS - Hotel Sites - Rooms
Intelier CMS - Hotel Sites - Rooms - Deluxe Suite
Intelier CMS - Hotel Sites - Offers - New Offer
Intelier CMS - Hotel Sites - Offers - Girl's Night Out
Intelier CMS - Landing Pages - Preview.S - Hotel Sites - Rooms

Exploring enhancements for the Page Builder

A core feature of Intelier products was the Page Builder – a tool users could use design page content and layouts in various products using Blocks. The existing Page Builder only utilized form fields, and we wanted to explore the idea that content could always be previewed in real-time as the user worked. I believed this kind of direct feedback was essential for a better experience.

Page Builder (dektop).
Page Layout Builder - Blocks Pane Collapsed
Page Layout Builder - Blocks Pane Expanded

Assets

Our file management system, Assets, was updated inline with the new brand, and with a few design tweaks aimed at faster workflows.

Assets - Thumbnail View (Default)
Assets - Thumbnail View - File Details
Assets - List View
Assets - Select Media

Credits

Ian W - Creative Director


Aaron P - Product Manager