Skip links

Logo icon

Travel booking UX & website design

Worked with beConcept to create both the full UX and then full visual design for the complete experience for travel hotel booking website BeVancouver. The project resulted in a total of 175 screen designs created over a 2 month period. Created complete user flows for a single, multi, deal booking with editing and error bookings. User flows exploring the city, listings, neighbourhoods, events and trip ideas. A user flow to contribute to the community of the site, a complete user profile flow, additional screens for visual search, notifications, and mobile screens. There is even a flow to completely plan your trip within the site.
Below are selected screens from the various flows. It was a lot of work, but in the end create a coherent experience to appeal to the general traveler looking for a great travel deal and experience with the city.
booking icon

Booking screen flow

Main booking landing screen
ripetungi
Booking deal landing screen
Selecting dates
Date results
ux design ripetungi
Refine results
ux design ripetungi
Refined results
ux design ripetungi
Map view of results
ux design ripetungi
Booking screen
Booking confirmed
Hotel overview
ux design ripetungi
No hotel availability
explore icon

Explore screen flow

Explore landing screen
ux design ripetungi
Explore city
ux design ripetungi
Explore listings
Save listing
Listing detail
Explore neighbourhoods
Neighbourhood detail
Filter neighbourhood listings
Filter neighbourhood hotels
Trip ideas
Trip guide
Trip detail listing
Explore events
ux design ripetungi
Event listing
Event image showcase
Plan trip icon

Plan screen flow

Plan trip landing
ux design ripetungi
Plan a trip
ux design ripetungi
Start plan
Add items to trip
Planned trip
Trip in progress
ux design ripetungi
Profile screen
ux design ripetungi
Booking review
Notifications
Rewards
ux design ripetungi
Settings
Personalisation
ux design ripetungi
Targeted context
Targeted context
ux design ripetungi
Targeted context
ux design ripetungi
activites-01

Additional screens

Search input
ux design ripetungi
Search result
ux design ripetungi
Recently viewed
Notifications
404 Screen
Community landing
ux design ripetungi
Community rewards
User postings
ux design ripetungi
Add a review
Mobile landing
ux design ripetungi
Mobile menu
Mobile hotel listings
Mobile hotel listing
ux design ripetungi
Mobile explore landing
ux design ripetungi
Mobile place listing
ux design ripetungi

Interaction stylesheets

web stylesheet
web stylesheet
web stylesheet
web stylesheet
Mobile

Share with others

More design work

Design and UI for e-Learning course with sage (Examples available upon request)

Developing a visual storytelling system for Hewlett Packard Enterprise (Examples available upon request)

© 2019, Ripetungi, Ltd