MrTimmyJ

Main Project Image

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.

Project Detail Image

    Cards Layout

  • Featured attractions presented in visual cards for intuitive interaction.
  • Semantic Markup

  • Clean and accessible HTML structure for screen readers and UX tools.
  • Mobile-Responsive Styles

  • Adapts gracefully to smaller screens.

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 Detail Image

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.
Project Detail Image

Technologies Used

  • 🧱 HTML5 --- Page structure
  • 🎨 CSS3 --- Styling and layout
  • ⚙️ JavaScript --- Navigation enhancements / interactivity