98 Acres

98 Acres
Website redesign Interview challenge
Boutique eco-resort · Ella, Sri Lanka
A land lost in time

98 AcresResort & Spa

Reimagining the digital front door of a tea-estate retreat in the Sri Lankan hill country — so booking a chalet in the clouds feels as calm and considered as the place itself.

Scroll
01The Brief
Format
Interview design task · 2022
end-to-end redesign
Subject
98 Acres Resort & Spa
Ella, Sri Lanka
Role
UX & UI · web design
brand to build-ready
Scope
15 screen types · full booking journey · component system

A boutique escape deserves a booking experience to match.

98 Acres is a boutique eco-resort built into a working 98-acre colonial tea estate in Ella, with handcrafted thatched chalets of reclaimed railway sleepers, granite and illuk straw, looking out over Little Adam's Peak and the misty Ella Gap. It's a place where, as the resort puts it, time slows down.

The challenge was to redesign its website end to end — not just a prettier homepage, but the whole journey from first dreamy glance to a confirmed reservation, plus dining, stories, contact and account flows. My goal: make the screen feel like the hillside, and make booking effortless.

Three questions shaped the work

Design considerations
i.
How can a screen
feel as immersive
as the hillside?

A layout where the landscape leads, without drowning the booking task.

ii.
How does browsing chalets become a confident booking?

A journey where availability and price are always within reach.

iii.
How do you carry a rustic, natural brand into a clean system?

Reusable components that stay warm, never corporate.

Charming chalets, misty tea hills, time that slows down — online, too.

02Grounding the redesign

Before pushing pixels, I anchored the design in what makes 98 Acres itself: a place defined by its land, its craft, and a deliberately unhurried pace. Every decision — palette, photography, spacing, copy — had to earn its place against that feeling.

98
acre colonial tea estate the resort is built into
36
handcrafted thatched chalets in the landscape
9.6
couples' rating on Booking.com — the bar to honour
Reclaimed
railway sleepers, granite & illuk straw — an eco ethos
02·1What guided every screen

Four principles kept the design honest.

Immersive

Full-bleed photography of the estate leads; the UI steps back so the place speaks.

Effortless

Check-in, check-out and guests sit in one always-visible booking bar across the journey.

Grounded

A tea-leaf green and warm cream palette, with a serif that nods to the estate's heritage.

Complete

The whole system — 15 screen types, navigation states and footers — not a single hero shot.

03The design system

A warm, natural kit — built once, reused everywhere.

Palette · estate greens & tea gold
Forest#22402A
Tea Leaf#A7C4A0
Uva Gold#D6A95A
Cream#ECE7DB
Dusk#0E1411

Greens drawn from the tea bushes, gold from Uva tea and lamplight, cream for calm reading. Restrained on purpose.

The hotel logo
Type · serif heritage, clean sans body
Display · Fraunces
Luxury space rooms
Display italic · accents
with a beautiful view
Body · Hanken Grotesk
Each chalet opens to scenic views of the misty mountains and the Ella Gap.
Signature component · the availability bar

The one element that follows guests from home to reservation — booking is never more than a glance away.

Check in
Mon, May 8
Check out
Tue, May 9
Guests
1 guest
Check Availability
04The screens

Fifteen screens, one continuous feeling.

Home

The first dreamy glance
98acres / home
Open full screen98 Acres home page redesign
a.

A full-bleed hero of chalets in the canopy, with the resort's own line — a land lost in time.

b.

The availability bar sits right on the hero, so the booking task starts immediately.

c.

Featured suites, an editorial intro, and an amenities carousel build desire as you scroll.

Room Details

Everything to decide, in one place
98acres / rooms / master-suite
Open full screen98 Acres room details redesign
a.

The space, amenities, prices and safety features are scannable groups — no hunting.

b.

Real review content with star ratings earns trust at the moment of decision.

c.

The booking bar is still here, so reserving is a single step from reading.

Contact

Help, without friction
98acres / contact
Open full screen98 Acres contact page redesign
a.

A short message form paired with real, glanceable contact details and a map.

b.

Twilight hero imagery keeps the mood even on a utility page.

c.

Social and address sit together so guests choose the channel they prefer.

The full set · tap any screen to enlarge

From first glance to confirmed booking — one unbroken path.

05The booking journey

The spine the whole system is built around.

01

Home

Fall for the place; start a date search.

02

Rooms

Filter by type, price and rating.

03

Room Details

Weigh the space, amenities and reviews.

04

Reservation

Confirm dates, guests and details.

05

Confirmation

A clear, reassuring booking summary.

Around that spine sit the supporting pages — Dining, Blog & Blog Details, Contact, and a complete account set of Sign In, Sign Up, Forgot Password and a friendly 404. The system also includes 24 navigation states and a family of footer variants, so the design holds together no matter where a guest lands.

06Honest reflection

What I'd take further

i.

Real content over placeholder

The comps use stand-in copy in places. With brand voice and real chalet descriptions, the editorial sections would land harder.

ii.

Mobile & live availability

Next I'd design the responsive breakpoints in full and connect the availability bar to a real booking engine and calendar.

iii.

Validate with guests

A quick usability pass on the booking flow — task success and time-to-book — would confirm the journey holds up under real intent.

Want the walkthrough?

Thanks for reading. Want the uncensored version?
Let's chat in the interview 😉

Oops... there's more →
End of case study
Ishanka Munasinghe

98 Acres Resort & Spa — an end-to-end website redesign covering brand, a 15-screen system and the full booking journey. Produced as a web design interview challenge.

Set in Fraunces & Hanken Grotesk Palette: forest #22402A · tea leaf #A7C4A0 · uva gold #D6A95A · cream #ECE7DB

Independent redesign concept created as an interview design exercise. Not affiliated with, sponsored by, or endorsed by 98 Acres Resort & Spa. Resort photography appears within the design mock-ups for demonstration only.