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

Booking form states

1. Destination auto-suggest
2. Datepicker
3. Room occupancy
4. Special rates menu
5. Offer codes

1. Destination auto-suggest

Extra small

Small

Medium

Large

Extra large

2. Datepicker

Extra small

Small

Medium

Large

Extra large

3. Room occupancy

Steppers for rooms, adults, children, and ages.

Extra small

Small

Medium

Large

Extra large

4. Special rates menu

Extra small

Small

Medium

Large

Extra large

5. Offer codes

Extra small

Small

Medium

Large

Extra large

Related

All breakpoints >

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