Teja Semadi
Lets Work Together
Home
Portfolio
Casa Mateo Villa
Rebuilding Casa Mateo’s Website Into a Clearer Booking Experience
Project at Glance
Casa Mateo is a private villa in Seminyak, Bali, offering comfortable accommodation for group stays and holidays. The existing website, last updated in 2016, no longer reflected the property's current positioning and lacked clear content hierarchy, storytelling, and conversion guidance for inquiries and direct bookings.
The redesign restructured the entire website experience with a contemporary visual system, clearer information architecture, and stronger storytelling. All existing pages were restructured, while a new Experiences page was introduced to connect Casa Mateo with the broader Seminyak travel experience.
Period
2 Weeks, May 2026
Role
UI/UX Designer
Scope
End-to-end redesign website
Platform
Web/Desktop & Mobile
Industry
Hospitality & Tourism
Status
Measurable Impact
100%
Website Restructured
Reorganized the entire website to make property information easier to find and understand.
1
New Experience Layer
Introduced Experiences to connect the villa with the broader Seminyak travel journey.
11
Content Destinations
Structured key content across accommodation, services, booking, experiences, and supporting information.
4
Core Booking Paths
Designed clearer paths from discovering the villa to rates, availability, and inquiry.
01
Problem Discovery
Business Problem
User Problem
Visitors struggled to quickly find and understand key information about Casa Mateo, including villa details, services, pricing, suitability, and booking steps. This lack of clarity created uncertainty and made it harder for users to confidently evaluate and decide to book.
02
Design Goals
Refresh Digital Presence
Update the website to reflect Casa Mateo as a modern luxury villa in Seminyak strengthening visuals tone and trust overall
Simplify Property Information
Improve structure and clarity so key details are easy to scan and understand quickly across all pages consistently for users
Guide Visitors Toward Booking
Create a smoother journey from discovery to inquiry with clearer calls-to-action and reduced friction throughout the entire website flow experience
Showcase the Guest Experience
Highlight lifestyle atmosphere and emotional moments so guests can imagine their stay at Casa Mateo in Seminyak Bali experience fully
03
My Design Process
1. Stakeholder Research
I collaborated closely with the marketing team and manager to align Casa Mateo’s business goals, target audience, website challenges, and booking needs, ensuring that design decisions reflect both business priorities and user expectations.
From this process, I identified key issues: outdated visuals, unclear content structure, weak value communication, and a complex booking flow that reduced trust and conversions.
2. Problem Definition
I reorganized the website structure based on how users evaluate villa accommodations, improving clarity, simplifying navigation, and making key information easier to access.
An “Experiences” section was also introduced to highlight Seminyak activities, enriching the storytelling and creating a more engaging browsing experience.
3. AI Generative Exploration
I used AI tools to explore visual directions, imagery styles, and storytelling concepts, selecting outputs that best defined the creative direction. This approach accelerated ideation, improved clarity, and ensured a consistent visual focus throughout the design process.
UI Design
I translated the structure and visual direction into a responsive interface with clear hierarchy, consistent components, strong imagery, and focused calls-to-action. The final design improves usability, increases engagement, and supports higher booking conversions across all devices.
04
UI Mockups
Home Page
The Vila Casa Mateo homepage uses a strategic layout to guide visitors smoothly from learning about the property to booking their stay. It opens with an immersive, distraction-free hero banner and a flexible navigation bar that changes colors as users scroll to keep text readable. The page then shares the villa's story, displays its top features, and showcases a visual photo gallery to build interest. Finally, to help guests decide, it includes an interactive booking calendar, guest reviews, and a clear final call-to-action that leads to a structured footer navigation.
Facilities Page
The Facilities page brings Casa Mateo’s physical features into one clear, structured, and scannable overview that is easy to navigate. Each element is presented in a way that highlights both functionality and comfort.
This makes it easier for visitors to quickly understand what is available during their stay, from essential amenities to supporting features, without needing to search across multiple sections of the website.
Services Page
The Services page presents the full range of support available to guests in a clear, accessible, and well-organized format. It is designed to communicate both practical assistance and personalized hospitality.
It reinforces the overall guest experience while helping visitors understand what they can expect beyond the accommodation itself, including thoughtful touches that enhance comfort and convenience throughout their stay.
Experiences Page
The Experiences page expands the website beyond the villa itself by connecting Casa Mateo with the surrounding Seminyak lifestyle and attractions. It adds depth to the overall narrative.
It helps visitors discover what they can do during their stay while adding meaningful context and storytelling to the property experience, making their visit feel more complete and memorable.
Availability Page
The Availability page is designed to move visitors from consideration to direct booking with a real-time two-month calendar and simple reservation inputs placed prominently in the hero section.
Supporting sections build trust through Casa Mateo’s history, 10 core facilities, key selling points, and guest reviews, before closing with a focused CTA and structured footer for easy navigation.
Rates Page
The Rates page presents seasonal pricing in a clear, structured format, helping visitors quickly compare rates and understand the cost of staying at Casa Mateo.
A seasonal rates table, booking widget, facilities overview, guest reviews, and availability calendar support the decision-making process, leading visitors toward a focused booking CTA.
Resources Pages
Resources consolidates supporting information such as the property story (about us), contact details, waiver, term & conditions, and travel notes, keeping essential stay information accessible without distracting from the primary accommodation and booking journey.
05
Results
The redesigned Casa Mateo website moves from a primarily informational website toward a more structured discovery-to-booking experience.
Lessons & Reflection
“A better interface starts with a better content strategy”
A stronger website starts with clearer business goals, content structure, and user needs. The next step is validating these decisions through real booking, inquiry, and engagement data after launch.
Measurable Impact
100%
Website Restructured
Reorganized the entire website to make property information easier to find and understand.
11
Content Destinations
Structured key content across accommodation, services, booking, experiences, and supporting information.
1
New Experience Layer
Introduced Experiences to connect the villa with the broader Seminyak travel journey.
4
Core Booking Paths
Designed clearer paths from discovering the villa to rates, availability, and inquiry.
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+