Anna Shi

Travel Planing Website

Create a travel planing website

Role
UI and UX Designer
Client
People who plan to travel
Timeline
Mar 2026 — Apr 2026
Live
mercato.example.com
Hero section
card example
Explore
My trip
ltinerary
Buget

This travel planning website is designed to help users explore destinations and organize their trips in one place. It combines browsing, planning, and budgeting features to make the whole process easier. The homepage uses a large background image to create a strong first impression and make users feel more connected to travel. The search bar is placed in the center with clear sections like location, date, and number of people, so users can quickly start planning. I used a sidebar to organize different sections like Explore, My Trips, Itinerary, and Budget. This follows a more natural flow, where users first explore ideas and then move into planning and managing details. The interface uses card-based layouts for things like trips, budget, and itinerary highlights. This makes the information easier to scan and keeps everything organized. For example, the budget section shows how much is spent and how much is left, and the packing list gives a simple checklist view. The overall color is darker with green accents to match the travel theme and make the content stand out more clearly.
This design helps users go from exploring ideas to organizing their trip in a clear and structured way.