MeelianaProperty management software, marketing site

Property management, explained in two languages.

Meeliana is invite-only cloud software for property managers. Its site explains a broad product in plain words, in English and Serbian, and turns interest into invite requests.

Meeliana home page: headline, two calls to action and the dashboard on a laptop
Meeliana home page on a phone
Year
2026
Scope
Design system, UI design, Marketing site, Lead pipeline
Stack
Astro, Three.js, Brevo, Vercel
  • 2languages, English and Serbian
  • 6pages, pre-rendered
  • 4Pantone brand hues
  • 2hosts for one lead handler

Figures as published on meeliana.com, or read from its repository.

The brief

Meeliana onboards customers by invitation. The site had to explain buildings, tenants, money and documents without jargon, read naturally in two languages, and hand qualified requests to a small team.

The approach

  1. 01

    A design system built on four Pantone hues as tokens, shared by the site and the app.

  2. 02

    Static Astro pages in English and Serbian, each locale driven by one dictionary.

  3. 03

    A lead form that sends through Brevo behind honeypot, rate and quota checks, with one handler for Vercel and Cloudflare.

  4. 04

    Scenes that explain the product: an isometric digital twin, app cards with parallax and a monthly or yearly pricing toggle.

Scroll the real page

The home page of meeliana.com, captured from the production build. Keep scrolling.

The Meeliana home page at 1440px, top to bottom
Isometric building surrounded by its data layers, next to the list of what the database holds

Highlight 01

A digital twin for every building

An isometric scene walks through each layer of the building database: passport, units, money, works and documents.

Meeliana pricing: Starter, Professional and Enterprise plans with a monthly or yearly switch

Highlight 02

Pricing that answers before sales does

Three plans side by side, a yearly toggle, and the trial and limits spelled out on every card.

Brand system

Tokens, not hex codes.

Display type is Plus Jakarta Sans. Every colour below is a token in the codebase. Click one to copy it.

Meeliana logo

What shipped

Live, in production.

  • Bilingual site with language switch and localized legal pages
  • Invite form with confirmation e-mails in the visitor's language
  • Share images generated at build time for both languages
  • Plain-text pricing and llms.txt for AI assistants

Your client's site, built like this.

Same pipeline, same checks, shipped under your agency's name.

The top of the Calcaas home page, from the hero to the model catalog

Next case study

Calcaas

AI pricing calculator for SaaS founders

  • Product design
  • Brand
  • Web app
  • Landing page