Vacation UX Website
May 2023
A travel website made while studing user experience.
Project Overview
A user-experience-focused website designed to simulate a tropical vacation destination—Taniti—with an emphasis on webflow, user interaction analysis, and navigational design. Built as a practice project to explore effective layout structuring, intuitive user journeys, and visually guided behavior using imagery and semantic HTML.
Taniti Vacation UX Website is a 4-page HTML-based simulation of a travel destination platform. It presents attractions, travel info, and shopping opportunities through a clean and focused visual design. The project centers on understanding user behavior, testing navigation flow, and leveraging aesthetic layout choices to guide attention and interactions.
- Featured attractions presented in visual cards for intuitive interaction.
- Clean and accessible HTML structure for screen readers and UX tools.
- Adapts gracefully to smaller screens.
Cards Layout
Semantic Markup
Mobile-Responsive Styles
Project Features
- 🗺️ Interactive Destination Highlights - Each region includes top attractions, cultural insights, and curated travel tips with smooth transitions.
- 🧭 Intuitive Navigation Layout - Simple, consistent menus and section links guide users effortlessly through Travel, Attractions, and Shopping.
- 🧠 First-Click-Focused Design - Strategically placed images and headlines catch attention where users naturally look first.
- 🧍 Mobile-Responsive & Touch-Friendly - Optimized for phones and tablets, with accessible tap targets and swipe-friendly sections.
- 📸 Visual Anchors for Engagement - Large, bold imagery and scannable headlines help users explore without getting overwhelmed.
- 📏 Clean Content Hierarchy - Text spacing, font sizing, and layout choices help users easily skim and find what they need.
Project User Workflow
- 🏠 Land on the Homepage - A warm welcome with rich island imagery and section previews (Attractions, Travel Tips, Shopping).
- 🗺️ Explore Destinations - Click into a featured region (e.g. “Northern Beaches”) to discover beaches, culture, and activities.
- 🛍️ Discover Travel-Related Content - Navigate to essential travel tips, transportation advice, and local shopping spots.
- 🧭 Scroll and Skim Freely - Designed for light interaction — the layout invites scanning and curiosity-driven browsing.
- 🔁 Return or Jump via Navigation - Fixed top-bar lets users jump to any main section or return to the homepage anytime.
Technologies Used
- 🧱 HTML5 --- Page structure
- 🎨 CSS3 --- Styling and layout
- ⚙️ JavaScript --- Navigation enhancements / interactivity