Next case study
QR Generator
A 48-hour redesign of a QR code generator — the finished code shown first.
03 — Hotel PMS SaaS
InnkeepRun your whole hotel from one screen.
Bookings, check-in, bills and housekeeping in one simple app for guesthouses, villas and small hotels — with Booking.com, Agoda, Expedia and Airbnb kept in sync. I designed the whole product and I’m now building it.
- Product
- Hotel property management (PMS) SaaS
- Built for
- Guesthouses, villas and small hotels
- My role
- Product design + frontend development
- Status
- Designed · frontend build in progress
app.innkeep.lk
- PMS screens & states
- 134
- Booking engine & web frames
- 14
- Component sets
- 66
- Design tokens
- 178
The brief
Most small hotels juggle an extranet, WhatsApp and a notebook.
Innkeep puts it in one place: bookings, check-in, bills and housekeeping in one simple app, with every booking site kept in sync so the same room is never sold twice.
It is priced in rupees and built for a phone at reception, so an owner can set it up on a call and go live in a day.
01 — Front desk
The whole day on one screen
Today opens with who is arriving, leaving and in-house, room status from housekeeping, messages waiting to go out and occupancy for the next two weeks.
- Arrivals, departures and in-house tabs
- A needs-attention queue: unready rooms, deposits due, booking-site changes
- Occupancy forecast for the next 14 days
app.innkeep.lk/today
02 — Calendar
Drag a stay to move it
A two-week tape chart shows every room at once. Bookings move by dragging, rooms can be blocked, and any stay opens without leaving the grid.
- Move-booking and block-rooms flows
- Tonight’s summary: rooms occupied, arrivals, departures
- Status colours: checked in, confirmed, deposit due, checked out
app.innkeep.lk/calendar
03 — Check-in & billing
Bills that add up, every time
Check-in captures the guest’s ID and signature. The folio takes payments, adds or voids charges, splits bills and sends payment links — then prints the registration card.
- Scan ID and signature steps
- Split payment, payment link and refund flows
- Printable registration card and arrivals list
app.innkeep.lk/check-in
04 — Channels
Sell everywhere. Double-book nowhere.
Booking.com, Agoda, Expedia and Airbnb stay in sync. When a sync breaks, the owner sees the error, the sync log and a guided fix-mapping flow instead of a cryptic code.
- Connect, manage and change channel providers
- Sync error and sync log views
- Fix-mapping flow for rooms and rate plans
app.innkeep.lk/channels
Mobile
On the phone at reception, and in the corridor
Housekeeping staff update rooms from their phones, and guests book direct through a mobile booking engine.
Housekeeping
Staff see their rooms and update status as they go.
Booking engine
Guests compare rooms and rates, then book direct.
Design system
One system behind 134 screens
Every screen is built from shared foundations and components, so the PMS, the booking engine and the marketing site feel like one product.
- Variables
- Primitives, semantic colours, spacing, radius
- Typography
- 15 text styles, desktop and mobile modes
- Components
- 66 component sets plus PMS parts like booking status
- Typeface
- Inter
Every edge case, designed
- Loading
- Empty reservations
- Offline
- Payment failed
- Trial ending
- Sync error
- Agoda failed
- Not found
- Two-step sign-in
- First day
- Late check-out
- No-show
05 — Marketing site
And the site that sells it
A landing page that speaks to owners: no double bookings, no commission on direct bookings, bills that add up — and simple prices in rupees.
- Desktop and mobile layouts
- Pricing in LKR, one price per property per month
- FAQ written around owners’ real questions
innkeep.lk
Read case study →
06 — Let’s talk
Hiring, or have something to build?Let’s talk.
I’m open to full-time frontend roles and freelance projects. Tell me what you’re working on and I’ll get back to you soon.