Project Details

Skills: Sr. Design Lead, UI Team Lead, CSS, HTML
Client: Away Network | Orbitz Worldwide

Project Description

The Away Network is an editorial travel service owned by Orbitz Worldwide ( All new visual design work would be created or reviewed by me. As the Senior Design Lead, I was charged to further grow and maintain the company brand. When a new product was being introduced, I would be involved from concepts to launch, working with all the necessary departments and overseas development teams, utilizing the Agile methodology.


Article Template


New featured content module that promotes new articles and photo galleries. Design was limited to existing thumbnail sizes.


Social media bar that scrolls with you as you scroll down the page. This assures all your social needs are close at hand. Social bar adjusts to a horizontal bar near the top of the page with slimmer browser windows.



Photo gallery utilizes new global right-rail module styling. Thumbnails could not be re-sized and titles could not be hidden.


New global CSS styling for buttons are utilized without image files which means less HTTP calls and faster page load speeds.

User Registration

We stripped the new user registration form down to it’s simplest elements, utilizing new user interactions. When you click on a form field, the form title will turn light-grey, then clear out when you start to type (rather than disappearing immediately after clicking). The “Current City” field utilized a drop-down box of matching cities that appear as you type. Pure global CSS us used for the submit button rather than images, speeding up load time.


Featured Slider

View Slider Prototype

Custom CSS creates a darkened, transparent background so that the styled, white text is readable even in the lightest or busiest photos. This allows the editorial department to update slide content without any coding knowledge required. The main title text is stationary while slides rotate via timer, button navigation or by gesture on touch screens. The full slide is clickable making this player primary promotion real-estate.


Monthly Contests

In 2012 hosted monthly photo contests, each with it’s own destination theme. Mid-way through the year, we added the ability for Away Network members to rank the finalists, choosing who would win the various monthly prizes ranging from $100 gift cards to high value flight vouchers and travel gear.


E-mail Campaigns

Sometimes we would run special campaigns that feature sponsored travel destinations as well as promo user interaction with our websites.

We also sent out an e-mail each day providing information to our readers about a new travel destination, including action items to rate and review the destination, share with friends via Facebook, Twitter or Pintrest and download an inspirational photo as a desktop wallpaper.


Hotel Pages


Interactive Rate & Review, Been Here and Life List buttons help promote user interactivity.


Global sub-navigation tabs help orientate viewers and promote informational pages of the destinations the hotels are located.


Hotel stats from price, average guest rating, hand-picked vacation category recommendations as well as’s custom Value Ranking to help make choosing the best hotel.


Compare rates module for real hotel prices and availability. This feature also helps to monetize our hotel pages. Button styles use global CSS without the use of images for fewer HTTP requests and faster page load speeds.

Icons and Sprites

Back in the day, icons and symbols for buttons were built with sprite images which contain all states of the interactive graphics. CSS code would only show you one variation while hiding the rest of the sprite graphic and then jumping to another part of the graphic to make it appear interactive.