Case study · Website and product design

Astutica.

Property management software that would rather feel like a well-run building than a dashboard.

Welcome.

Property management software defaults to dense and utilitarian. Astutica opens with a welcome instead — and stays calm all the way through the back office.

The brief, in short

Project details.

Objectives

  • Launch a property-management SaaS that opens with “welcome,” not a login screen
  • Make six back-office workspaces read as one calm system, not six separate tools
  • Put trust signals — a live rent ticker, client logos — before the pitch, not after

Key Services

  • Website design & build
  • Product / UI design for the six connected workspaces
  • Brand identity — wordmark, colour system, motion

Stack

  • Next.js + React
  • Tailwind CSS
  • Framer Motion
  • Vercel

The look

Software that says “welcome” first.

Property management tools default to dense and utilitarian — Astutica opens instead with an oversized script “Welcome,” a pastel sky-to-sage gradient, and serif type more at home on a boutique hotel site than a SaaS dashboard. It’s an unusual first impression for the category, and a memorable one.

That warmth doesn’t disappear once the product shows up. Leasing pipelines, rent ledgers and maintenance tickets are all still there, but they sit in soft cards with generous white space rather than the grey grid most competitors ship. It reads like software built by people who’ve actually managed buildings.

The palette

  • Astutica blue#1A7BC0
  • Sky tint#E3F0F2
  • Warm cream#F3F2E8
  • Ink navy#0C2236

A closer look

Inside the product.

The same calm workspace, on every screen.

01 / 03
astuti.ca
Astutica's homepage hero: the Welcome headline with a live-looking rent-collected stat card
The same hero on mobile, with the rent-collected card shown in full
astuti.ca
Astutica's homepage hero: the Welcome headline with a live-looking rent-collected stat card
The same hero on mobile, with the rent-collected card shown in full

Three choices that carry the whole page

What makes it work.

  1. CHOICE 01

    A serif where everyone else uses grotesk

    Instrument Serif on the headline, paired with a hand-drawn “Welcome” script, separates this from the sea of sans-serif property-management dashboards — it borrows real-estate and hospitality cues instead of generic SaaS ones.

  2. CHOICE 02

    Six workspaces, one calm thread

    Leasing, rent, maintenance, resident experience, owner reporting and accounting each get their own numbered section with its own small product panel, so a genuinely complex back office reads as six short stories instead of one dense feature matrix.

  3. CHOICE 03

    Proof before the pitch

    A live-looking rent-collected ticker and a wall of client logos sit right under the fold, doing the trust-building work before the visitor has scrolled past the first screen.

The process behind the page, start to finish

How we got there.

  1. 01

    Retained.

    Astutica brought us on to take a property-management concept and make the first screen feel like a welcome, not a login.

  2. 02

    Meetings.

    A few calls to understand the six workspaces and how a genuinely dense back office could still read as calm.

  3. 03

    Concept.

    The script “Welcome” wordmark and sky-to-sage gradient came out of this stage — real-estate and hospitality cues instead of generic SaaS ones.

  4. 04

    Architecture.

    Leasing, rent, maintenance, resident experience, owner reporting and accounting, one connected workspace instead of six separate tools.

  5. 05

    Wireframes.

    Low-fidelity layouts to test the pacing — welcome, proof, product — before any of the final visual language was applied.

  6. 06

    Finished build.

    Soft cards, generous white space, and a live-looking rent ticker that does the trust-building before the pitch.

Your move

Want software that feels this calm?