Work05 · Flatwhite

Flatwhite.Rentals,in Oradea.

Frontend for a Romanian short-term rentals and property-management company in Oradea. An Adobe XD design turned into HTML, SCSS, and vanilla JavaScript.

Role
Full
frontend
Type
Client
work
Year
2020
Region
Oradea,
Romania
01Overview

What it is.

Flatwhite is a short-term rentals and property-management company in Oradea, Romania. The site serves two audiences at once (travellers looking to book a stay, and property owners considering a managed-rental partner) and routes each to the right flow from the homepage.

02My role

What I did.

Frontend developer. Handover was an Adobe XD design and a written brief. My job was to turn it into a production site the client could maintain after launch.

  • Translating XD comps into HTML, SCSS, and vanilla JavaScript
  • Dual-audience navigation: Călători (travellers) and Investitori (investors), each with its own flow
  • Responsive layout from mobile up
  • Cross-browser QA before handover
03The brief

What they wanted.

A site that did two jobs without confusing either audience: a clear booking funnel for guests, and a separate path for property owners considering the management service.

The build needed to ship, look right at every breakpoint, and stay maintainable by a small team afterwards. No over-engineering for systems that weren't going to be built on top of it.

04What I built

The approach.

Straightforward frontend work for a small-team handover, focused on getting the two user flows right and keeping the markup readable.

  • Mobile-first SCSS with a flat token layer for colour, spacing, and type
  • Responsive layout built with CSS grid and flexbox
  • Component reuse where the design genuinely repeated: pragmatic, not a top-down architecture
  • Vanilla JavaScript for navigation, FAQs, and the contact surfaces
  • Adobe XD handoff, pixel-checked across the breakpoints that mattered
Flatwhite Dual-audience homepage and Booking flow
Dual-audience homepage · booking flow
Flatwhite platform overview
Overview
05Stack

Tools used.

  • HTML
  • SCSS (Dart Sass)
  • Vanilla JavaScript
  • Adobe XD (handoff)
  • Git
06Outcome

Live and serving.

The site is live at flatwhite.ro, running both the rentals booking flow and the property-management funnel for the company's two audiences.