Overview

A responsive tourism destination experience platform for HuluCai Camp — a camp resort in the tourism industry — covering 10 modules across destination discovery, accommodation, dining, activities, events, and online reservation. Designed across 3 responsive breakpoints (web, tablet, mobile) and successfully launched for public use.

Objective

To design a cohesive, responsive web platform that translates HuluCai Camp's brand identity into a compelling digital experience — enabling potential visitors to discover the destination, explore available offerings, and complete reservations seamlessly across all devices.

Problem Statement

• No dedicated digital presence: HuluCai Camp lacked a platform to showcase its full range of offerings — accommodations, dining, activities, and event facilities — in a structured and visually engaging way.

• Multi-device accessibility gap: Target users access travel and booking platforms across a wide range of devices; a non-responsive design would create friction and reduce conversion potential.

• Brand identity translation: The client required a visual direction that accurately reflected the camp resort's identity and appealed to its target visitor demographic.

My Role

UI/UX Designer in a project team — responsible for end-to-end design execution based on client brief, from design system creation through responsive high-fidelity design and developer handoff.

Process

• Design System & Component Building: Established a comprehensive design system including typography, color palette, component library, and visual guidelines aligned with the client's brand direction and requirements.

• Responsive High-Fidelity Design: Produced high-fidelity UI designs across all 10 modules for 3 device breakpoints (web, tablet, mobile), ensuring visual consistency and functional adaptability across screen sizes.

• Client Review & Iteration: Presented designs to the Project Manager and client stakeholders for review and acceptance. Iterated based on feedback until designs met client expectations and received sign-off.

• Developer Handoff: Prepared and delivered complete design handoff via Figma to the development team, including specs, assets, and component documentation ready for implementation.

Solution

• Delivered a fully responsive platform across web, tablet, and mobile — covering 10 modules from destination landing page and interactive map to place to stay, dining, activities, meetings & events, and online reservation with FAQ.

• Built a complete design system ensuring visual consistency across all modules and device breakpoints, enabling efficient and accurate implementation by the development team.

• Completed design-to-handoff within a 1-month timeline, meeting client requirements and receiving stakeholder approval.

• Successfully launched as a publicly accessible platform at camphulucai.com.