Nata Portuguese Homes

Nata

  • Web Design
  • Design System
  • Accessibility

Nata Portuguese Homes manages five short and mid-term rental apartments, four in Lisbon’s Belém and one in Vilamoura. The site was built through Boca a Boca, the agency where I work as a designer, with every decision and correction relayed through an account manager rather than a direct line to the client.

  • UX/UI Designer
  • Through an agency
  • 15 weeks
Home page of the Nata holiday rentals site, with a photograph carousel of an apartment interior.
  • 588

    GUEST REVIEWS, NONE OF THEM ON THEIR OWN SITE

  • 0

    PRICES ON THE SITE, BECAUSE THE ENQUIRY IS THE PRODUCT

  • 2

    ROUTES OUT OF A PROPERTY PAGE, EACH MARKED BEFORE THE CLICK

Challenges

The proof lived on somebody else’s platform

Short-stay rental is a market where the platform owns the relationship. Nata’s five apartments, four in Lisbon’s Belém and one in Vilamoura, carried 588 guest reviews, a 4.78 average, a Superhost badge and a 100% response rate under an hour, and every piece of that proof sat on listing pages the company does not control. Its own site had none of it: no reviews, no ratings, no paid media history, no social accounts, and by deliberate choice no signage on the buildings. The people it needed to reach, expats, exchange students, digital nomads and anyone staying a month rather than a weekend, were being asked to trust a brand they had no way to check.

The project also ran with an agency in between. The kickoff was 15 June 2026, the client’s own branding was still three days away, and a public fund attached to the project meant something had to exist to show by the end of the month. Every decision and every correction moved through an account manager rather than a direct line to the client.

Property listing page, with filters by region above four property cards giving the location, the number of rooms and how many guests each sleeps.

Process

Building the frame before the paint arrived

With no brand to put into it, the design system went in three layers first: primitives for the raw colour and number values, semantic tokens for what a colour means, and components that reference tokens and never raw values. Weeks later the client asked for a different balance entirely, terracotta for action and yellow for highlights over warm beige, and the whole site inherited it without a screen being redrawn.

Persuasion then had to be rebuilt on the site’s own terms. Price came off the property card in all sixteen variants, because a page that quotes a nightly rate competes on rate while this business wins on the enquiry. What the cards carry instead is the rating, the amenities that actually differ between the houses, and the photographs, which were verified against the five live listings by perceptual hashing rather than by filename, because the headings above them had been drifting for weeks. And the two ways out of a property page, a licensed listing to a booking platform or a direct rental to WhatsApp, each got its own mark: a button that means you are leaving the site cannot borrow the chevron that already means in-page navigation.

A single property page, with the name, the location and a mosaic gallery of the rooms.

Outcome

Live on the signed date, with the trade-offs written down

The signed go-live date arrived with two days’ notice, so that Friday the site carried exactly one page: a holding page with a slow breathing glow and three softly offset dots, so it read as deliberate rather than broken, while the real feedback kept working in Figma at its own pace. The site went live on 28 August at 11:58, and three days later a PageSpeed run against it returned 99 for performance. What came back from the client afterwards was all business and no design: a cookie banner with both optional categories off by default, privacy and cookie pages in two languages, the footer link to Portugal’s official complaints book, and a public funding disclosure.

Two things are dated rather than quietly fixed. An accessibility pass measured 852 pieces of text against the background actually behind them and found 139 below the WCAG AA minimum, almost all of them white on the brand terracotta at 3.31 to 1, on every primary button. The client had approved and specifically praised that colour, so the finding was written down instead of changed, because an unrequested edit to someone else’s brand is not a correction. And the registration number of one of the five properties is still unconfirmed: the agency’s list gives one number, the listing shows another, and the site carries the listing’s until the agency settles it.

The property gallery opened full screen, with the photograph counter, arrows and a strip of thumbnails.
About page, explaining the approach to hosting beside a photograph of an interior detail.
Contacts page: an enquiry form with dates and number of guests, beside the phone, e-mail and social links.
The listing filtered to the Lisbon region, showing four properties.
The listing filtered to the Algarve region, showing one property and two marked as coming soon.
The home page with the cookie banner open over it.
The cookie settings dialog, with a toggle for each category and buttons to accept, reject or save preferences.
The maintenance page: the Nata logo above a short note that the site is down for maintenance.