Teja Semadi

Lets Work Together

Home

Portfolio

The Ecolodges

Redesigning The Ecolodges for Stays, Experiences, and Bookings

Project at Glance

The Ecolodges website brings together its accommodation portfolio across two destinations, containes private villas in Seminyak, Bali, and chalets also flats/apartments in Megève, France. The previous website had an outdated interface, unclear information structure, weak property presentation, and limited support for booking decisions, with key functionality such as user authentication still incomplete.


The redesign focused on creating a more structured digital experience that connects accommodation discovery with destination experiences and the booking journey. The new direction also introduced a clearer path from property exploration to account access, booking, and payment.

Period

2 Weeks, July - August 2026

Role

UI/UX Designer

Scope

End-to-end redesign website

Platform

Web/Desktop & Mobile

Industry

Hospitality & Tourism

Measurable Impact

1

Unified Experience

Connected Seminyak and Megève under one consistent website structure while preserving the character of each destination.

3

Step Account Flow

Introduced Login, Signup, and Verification to establish the minimum authentication foundation for a more complete booking experience.

1

Discovery System

Created a clearer accommodation experience for Bali and Megève without forcing users to navigate separate website ecosystems.

1

End-to-End Booking Flow

Connected accommodation discovery with booking, checkout, and payment in one continuous experience.

01

Problem Discovery

Business Problem

The existing website had grown beyond its original structure but had not evolved into a platform capable of effectively supporting multiple destinations, accommodation discovery, and direct booking. Its outdated interface, weak information hierarchy, and incomplete booking infrastructure limited how effectively The Ecolodges could present its properties and convert visitor interest into actionable bookings.

User Problem

Visitors had to work through an outdated and inconsistent experience to understand where they could stay, what they could do, and how to complete a booking. The lack of clear accommodation information and essential account functionality also created friction at key moments when users needed to evaluate a property, manage their information, or proceed with a reservation.

02

Design Goals

Unify Multiple Destinations

Create one scalable experience that connects The Ecolodges’ Bali and Megève properties without making the destinations feel disconnected.

Easier to Evaluate Accommodation

Improve how properties are presented so visitors can quickly understand where they can stay, what each property offers, and which option fits their trip.

Build a Clearer Conversion Journey

Connect discovery, accommodation evaluation, booking, checkout, and payment into a more predictable experience with fewer unnecessary decisions.

Complete the Core Booking Foundation

Introduce essential account and verification functionality so users can move through the booking experience with greater continuity and confidence.

03

My Design Process

1. Business & Product Discovery

The project began by understanding the existing website, its business objectives, accommodation portfolio, and the limitations affecting discovery and booking. Particular attention was given to the relationship between the two destinations and the need for a more scalable digital structure.

2. Experience & Information Audit

The existing website was reviewed to identify outdated content, unclear navigation, weak accommodation presentation, and missing product functionality. This helped establish which parts of the experience required structural changes rather than visual updates alone.

3. IA & Conversion Structure

The website was reorganized around the major decisions visitors need to make, from choosing a destination and accommodation to exploring experiences and completing a booking. The structure was designed to keep discovery content connected to transactional actions.

4. UI Design

The final structure and visual direction were translated into a responsive interface covering discovery, accommodation, experiences, authentication, booking, checkout, payment, and supporting content.

04

UI Mockups

Home Page

The homepage introduces The Ecolodges as a multi-destination hospitality brand while giving visitors immediate access to accommodation and experiences across Bali and Megève. The structure prioritizes discovery without losing sight of the booking journey.

Accommodation Page

The Accommodation experience brings Seminyak and Megève into one structured discovery system, allowing visitors to explore properties by destination and compare essential information. Each property has a dedicated detail page that presents its features, amenities, location, gallery, and relevant booking information in a focused experience.

Experiences Page

Experiences extends the website beyond where guests stay by connecting activities and destination-specific content with the accommodation journey. Dedicated experiences in Megève and Bali highlight the activities, seasonal opportunities, and local attractions available in each destination, helping visitors understand what they can do during their stay.

About Us, Contact Us & Testimonials Page

The About Us experience introduces The Ecolodges as a connected hospitality brand across Bali and Megève, while guest testimonials build trust through real experiences and the Contact Us page provides a direct path for questions before booking.

Booking, Checkout & Payments Page

The booking experience brings reservation details, checkout information, and payment into one continuous flow. The interface is designed to keep important information visible while reducing unnecessary friction at the final stage of the journey.

Dashboard Pages

The guest dashboard gives visitors a central place to manage personal information, review order history, and update their password after signing in. It keeps essential account details and booking records organized and accessible throughout their journey with The Ecolodges.

05

Results

The redesign unifies accommodation discovery, experiences, authentication, booking, checkout, and payment across Seminyak and Megève.

Lessons & Reflection

“A multi-property website needs one system, not just one visual style.”

The project showed that consistency across destinations is not only about using the same interface components. The deeper challenge is creating a structure that can support different properties, experiences, and booking needs without making the overall journey feel fragmented

Measurable Impact

1

Unified Experience

Connected Seminyak and Megève under one consistent website structure while preserving the character of each destination.

1

Discovery System

Created a clearer accommodation experience for Bali and Megève without forcing users to navigate separate website ecosystems.

3

Step Account Flow

Introduced Login, Signup, and Verification to establish the minimum authentication foundation for a more complete booking experience.

1

End-to-End Booking Flow

Connected accommodation discovery with booking, checkout, and payment in one continuous 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+

Years Experience

Create a free website with Framer, the website builder loved by startups, designers and agencies.