Mobile-First Travel Site UI/UX

I’m creating a travel-inspiration platform that will live primarily on phones, so every decision needs to start with the small screen in mind and then scale up gracefully to tablets and desktop. The core purpose of the site is to deliver engaging travel guides and tips, wrapped in a bright, colorful aesthetic that immediately sparks wanderlust.

Even thought it is a travel website there wont be a "Booking" button on the website, instead it should be a "Chat" button so that we can easily chat with the tourist and have closer and custom tailored trip for them,

I want the website to have a dedicated pages for thing like "Experiences" which will show subcategories and other related events, Some categories are like "Surfing, Scuba Diving, Jet Skiing & Water Sports, Whale Shark,Island Hopping" and many other..

I also need to show the destination room with their prices, pictures, and survices just like shown in "Booking.com" and "Agoda.com"

Navigation should stay minimal yet obvious—bottom-bar or thumb-zone friendly—so users can jump between guides, save favorites, or share inspiration without lifting a finger too far. Typography must remain highly legible against vivid color palettes, and all components should be built as reusable variants to speed development hand-off later.

Deliverables
• A complete Figma project file with mobile-first artboards (key screens, component library, color & type styles).
• Responsive annotations showing how each element adapts at tablet and desktop breakpoints.
• Clickable prototype links illustrating user flow from homepage to individual guide and gallery views.

I’ll provide a logo, and sample content once we kick off. Looking forward to seeing concepts that make travelers want to dive right in.