Search this site
Embedded Files
Port4Ward Design
  • Home
  • Services
  • Calendar
  • Resume
  • Work
    • Photographers Journey
    • Eat well Spend wisely
    • Reduce chat wait times
    • Increase spend awareness
    • Reduce insurance lapses
    • Optimize payment flow
    • Increase hotel awareness
    • Increase mobile traffic
    • Standardize design components
    • Maximize the hotel experience
    • The Hyatt App
Port4Ward Design
  • Home
  • Services
  • Calendar
  • Resume
  • Work
    • Photographers Journey
    • Eat well Spend wisely
    • Reduce chat wait times
    • Increase spend awareness
    • Reduce insurance lapses
    • Optimize payment flow
    • Increase hotel awareness
    • Increase mobile traffic
    • Standardize design components
    • Maximize the hotel experience
    • The Hyatt App
  • More
    • Home
    • Services
    • Calendar
    • Resume
    • Work
      • Photographers Journey
      • Eat well Spend wisely
      • Reduce chat wait times
      • Increase spend awareness
      • Reduce insurance lapses
      • Optimize payment flow
      • Increase hotel awareness
      • Increase mobile traffic
      • Standardize design components
      • Maximize the hotel experience
      • The Hyatt App

< Responsive UI

All breakpoints

1. Header
2. Top destinations
3. Offers
4. Gold Passport Masthead
5. Brand bar
6. Footer

1. Header

Includes main navigation, masthead hero and 'Quickbook' booking form (See states).  

Extra small

Small

Medium

Large

Extra large

2. Top destinations

Includes a section heading, destination promotions each with a photo, title, description, hotel number, link and carousel indicator for touch devices.

Extra small

Small

Medium

Large

Extra large

3. Offers

Includes a section heading, brand hotel offers and company wide announcements.

Extra small

Small

Medium

Large

Extra large

4. Gold Passport Masthead

Includes a section heading, benefits, registration and learn more call-to-actions.

Extra small

Small

Medium

Large

Extra large

5. Brand bar

Includes brand logos and corresponding links.

Extra Small

Small

Medium

Large

Extra large

6. Footer

Includes company social sites, iOS and Android App download links, best rate guarantee and an abbreviated site map.

Extra small

Small

Medium

Large

Extra large

Related

Booking form states >

Let's solve a complex product problem together.

Available for UX/UI strategy and design consulting engagements. 

Book a meeting

Connect on LinkedIn

Email me

Google Sites
Report abuse
Google Sites
Report abuse