Category
CMS / Ticketing System / Landing Page / Interactive Map · UI/UX Design / Booking Flow / Responsive Design
Role(s)
Ngọc Thuỳ An Phạm — Design Lead / Creative Director
Trường An Nguyễn — UI/UX Designer / Illustrator
Client
Langfarm
Year
2025
Visit Website
Description
Collaborated with Langfarm to develop Langfarm Center's digital presence, creating an engaging bilingual platform that showcases their unique tourist destination in Dalat city. Designed and implemented an intuitive booking system for the Fairy Tale Farm attraction, complete with seamless payment integration for cards and e-wallets. Built a comprehensive website featuring interactive sections for services, facilities, map integration, pricing, and FAQs, ensuring visitors can easily plan their experience. Maintained consistent brand identity while adapting the UI/UX to highlight the location's family-friendly entertainment and retail offerings.
Project Scope
Landing Page Design
Online Ticket Booking System
Interactive Theme Park Map
CMS-ready UI Components
Mobile-responsive Experience
Working Process
Competitive research → Ideating → Wireframing → High-fidelity UI in Figma → Prototyping → Technical testing
Objectives
The project aimed to:
Enhance the digital presence of Langfarm Center
Simplify the user journey from discovery to booking
Present complex spatial and service information in an intuitive way
Maintain a playful yet structured brand identity aligned with the farm experience
Landing Page
The landing page serves as the primary storytelling surface:
Highlights key attractions and experiences
Uses rich visuals and illustrations to reflect the brand
Guides users toward booking with clear CTAs
Interactive Map
A central feature of the platform:
Provides a visual overview of the entire park
Uses illustrated zones and markers for easy navigation
Enhances user engagement and pre-visit planning
Custom UI Components
A flexible component system was developed to ensure scalability:
Map modules and location markers
Content cards and promotional banners
Interactive forms and dropdowns
Illustrated icons and decorative elements
Ticket Booking Flow
Designed for simplicity and efficiency:
Step-by-step booking process
Clear pricing and ticket options
Form inputs optimized for quick completion
Confirmation and success states for reassurance
Mobile Experience
The interface is fully responsive:
Optimised layouts for smaller screens
Touch-friendly interactions
Simplified navigation for on-the-go users
Outcome
The final product delivers a cohesive and engaging digital experience that:
Strengthens Langfarm Center’s online identity
Improves accessibility to information and services
Enhances user confidence in planning and booking visits
Provides a scalable foundation for future development