Web Application
GoTrip: Travel Planner
A travel-planning website covering discovery, trip planning, bookings, budgeting, and a journal, built as a responsive HTML5/CSS3 site with a login flow.
Overview
GoTrip is a travel-planning website concept with sections for discovering destinations, planning trips, bookings, an interactive map, budgeting, and a travel journal, plus a login flow. It was implemented as a responsive HTML5 and CSS3 build on Bootstrap 5 with a custom design system.
Final screens
Design decisions
Immersive dark hero
A full-width hero over a rich travel photograph, with a serif display headline and an integrated search-and-plan widget, sets the tone before any scrolling.
A full product map in one navigation
The navigation exposes the whole product surface, Discover, My Trips, Plan Trip, Bookings, Map, Budget, Journal, so the scope of the concept reads immediately.
Warm earth palette
Deep browns and terracotta accents pair with travel photography and serif display type, keeping the interface warm rather than clinical.
Key learnings
- Structuring a multi-section marketing site with Bootstrap 5 and a custom CSS design system
- Designing around photography so imagery, palette, and typography reinforce each other
- Building a complete, self-contained front end with relative assets that runs anywhere
Next project
SaaS Dashboard & Onboarding