thoughts on art, music, design, architecture, and identity

Zeme

Zeme Logo

Zeme is currently an internal Orbitz Worldwide product. Its aim is to improve the workflow and workload for creating, configuring, and maintaining a very large number of travel sites built upon a shared back-end platform and engine. The goal has been to create a tool with a user-friendly way of allowing configuration settings to be published for subscription to multiple sites. Instead of having a setting with the same values applied to each site, Zeme applies a “pub/sub” model that allows multiple sites to share the same setting. The benefits include efficiency, scalability, and a system that is accessible to both business users and developers alike.

As the lead designer on this project, I have been responsible for developing a complete design system for this interface, including concept, layout and template, color palette, typography, iconography, navigation, interaction patterns, and definition of complete design standards. Development and implementation of both Zeme and the master platform it interfaces are still underway.

The storyboard shown below outlines a user creating a new site on the platform using the Zeme interface.

Zeme "Sites" User dashboard, main view

Zeme "Sites" FAQ page, showing sites navigation

Beginning to create a new site

User saves info, alerts displayed, and next steps now available

Defining custome site functionality

Defining standard site functionality, sites navigation collapsed

Standard site functionality copied from an existing site, user can change specific items

Defining functionality for specific business areas based on existing sites, arrows show which area hasn't been defined

Defining functionality for specific business areas based on existing functionality

Changing the functionality for a given business area

Leave a Reply

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>