Teja Semadi
Lets Work Together
Home
Portfolio
Casa Hannah Villa
Building Casa Hannah’s Website Beyond OTA Dependence
Project at Glance
Casa Hannah is a private villa in Seminyak, Bali, managed alongside a portfolio of related villas. After a management transition, the property needed its own website to establish a direct digital presence instead of relying primarily on third-party booking platforms.
The challenge was not to redesign an existing website, but to build the foundation of one: defining how Casa Hannah should present itself, communicate its value, and create a direct path between discovery and booking. The project focused on establishing the website structure, content direction, booking-oriented journey, and visual identity for a new standalone digital presence.
Period
2 Weeks, June 2026
Role
UI/UX Designer
Scope
End-to-end website design
Platform
Web/Desktop & Mobile
Industry
Hospitality & Tourism
Website
Measurable Impact
1
Owned Digital Channel
The website gives Casa Hannah an independent channel to present its property, experience, and booking information.
3
Search Visibility Outcome
Content supports direct bookings, organic search visibility, and AI-driven discovery across relevant guest searches.
1
Direct Booking Experience
The website guides visitors from property discovery and evaluation toward direct booking or inquiry, alongside OTAs.
100%
Dedicated Content Structure
Property, facilities, services, location, and booking information are unified in one clear Casa Hannah website experience.
01
Problem Discovery
Business Problem
After the management takeover, Casa Hannah needed an independent website to control its brand, content, and positioning. OTAs remained important for distribution, but a dedicated website created opportunities for direct inquiries, stronger brand communication, and organic and AI-driven discovery.
User Problem
Guests could discover Casa Hannah through OTAs but lacked a dedicated space to understand the property before booking. The website addressed this by presenting clearer information and a more complete view of the Casa Hannah experience.
02
Design Goals
Establish an Owned Digital Presence
Create a dedicated website that gives Casa Hannah greater control over how the property is presented, discovered, and understood.
Connect OTA and Direct Booking
Complement OTA channels with a website that supports property evaluation, inquiries, and direct bookings.
Improve Search Discovery
Structure content around search intent to increase visibility across organic and AI-driven search.
Create a Clear Property Story
Connect property details, facilities, services, location, and experiences into one clear guest journey.
03
My Design Process
1. Research & Business Discovery
I began by exploring Casa Hannah’s business goals, its marketing channels, and how an owned website could support its overall acquisition strategy. This stage helped clarify the direction the website should take in relation to the brand’s growth objectives and customer reach.
2. Problem Definition
Next, I defined the core problem by identifying the need for a dedicated digital presence that can drive direct bookings while still supporting and complementing existing OTA partnerships. This helped establish the key UX opportunities and the priorities for how content should be presented.
3. Information Architecture
After that, I developed the content structure and information architecture by organizing the website around how potential guests make decisions, starting from initial discovery of Casa Hannah, moving through evaluation of the property, and leading toward booking actions.
Visual Exploration & UI Design
I used generative AI to explore visual directions, imagery, and compositions aligned with Casa Hannah’s brand and atmosphere. I then translated the structure and visual direction into a responsive UI focused on clarity, usability, and direct booking.
04
UI Mockups
Home Page
The Casa Hannah homepage creates a clear journey from discovering the villa to planning a stay. It opens with an immersive hero section and adaptive navigation, followed by the property's story, key highlights, and a visual gallery. Booking availability, guest reviews, and a focused final CTA then help visitors move confidently toward their next step.
Facilities Page
The Facilities page brings Casa Hannah's amenities into one structured overview, making key features easy to scan and understand. Each facility is presented around its practical value and contribution to a comfortable stay, helping visitors quickly see what the villa offers.
Services Page
The Services page presents the support available throughout a guest's stay in a clear and accessible format. It highlights the practical and personalized aspects of Casa Hannah's hospitality, helping visitors understand what they can expect beyond the villa itself.
Rates Page
The Rates page makes Casa Hannah's seasonal pricing easier to compare and understand. A structured rates table, booking widget, facilities highlights, guest reviews, and availability information support the decision-making process before guiding visitors toward booking.
Availability Page
The Availability page gives visitors a direct way to check their preferred dates and move closer to booking Casa Hannah. A two-month calendar and simple reservation inputs are placed prominently, while supporting content builds confidence through the property's story, key facilities, selling points, and guest reviews.
Resources Pages
The Resources section brings essential stay information into one accessible place, including the Casa Hannah story (about us), contact details, waiver, terms and conditions, and travel notes. This keeps practical information easy to find without interrupting the main accommodation and booking experience.
05
Results
Casa Hannah now has a dedicated website foundation designed to giving the property more control over its content, positioning, search visibility, and direct guest journey.
Lessons & Reflection
“A website can become part of the business model, not just its marketing.”
Building Casa Hannah's website revealed that the biggest opportunity was not creating another place to display the villa, but establishing an owned channel for brand, content, and booking. The next step is validating whether this new channel can reduce reliance on third-party discovery and generate measurable direct inquiries after launch.
Measurable Impact
1
Owned Digital Channel
The website gives Casa Hannah an independent channel to present its property, experience, and booking information.
1
Direct Booking Experience
The website guides visitors from property discovery and evaluation toward direct booking or inquiry, alongside OTAs.
3
Search Visibility Outcome
Introduced Experiences to connect the villa with the broader Seminyak travel journey.
100%
Dedicated Content Structure
Property, facilities, services, location, and booking information are unified in one clear Casa Hannah website experience.
Got a product problem?
Let's solve it together.
Available for freelance, team collaboration, or full-time — from research to shipped product.
AVAIBLE FOR WORK & COLLABORATION
Contact Now
10+
Projects Shipped
5+
Happy Clients
3x
Design ROI
4+