Skip to content
Talk to usContact

Project 01 · moravamodern.com

House plans. For an international market.

Morava Modern is the international collection of CAD ART, our family's architecture practice: contemporary house designs, in English, for people who build outside Serbia. We designed and built the whole site: catalog, plan pages, order requests and 3D interiors.

Visit moravamodern.com (opens in a new tab)Request a quote
The moravamodern.com home page: the headline, buttons to browse the plans and to talk on WhatsApp, and a large visualization of a modern house below
The moravamodern.com home page on a phone
Client
CAD ART studio, our family practice
What it is
House-plan catalog with order requests
Audience
Self-builders and builders outside Serbia
Language
English (US)
Units and currencies
m² and sq ft, 5 currencies
house designs, each with its own plan page
23
collections, from small homes to villas with a pool
7
journal articles for people planning a build
15
currencies: USD, GBP, CAD, AUD and EUR
5

Counted on the live site, September 2026. Traffic figures will be published once we have a full, verified year of analytics.

Context

A good design is not enough online.

Projektikuce.rs proved the method at home: a site built on real searches, clear content and speed helps Serbian-speaking visitors find CAD ART. Morava Modern is the next step, the studio's international collection for people who build outside Serbia. We use the same method for service businesses: see the DolceVita by Irma salon site.

Read more

The library was ready: flat roofs, stone and travertine villas, compact cabins, designs that are not tied to one country. A way to sell them across borders was not. Morava Modern is that way.

Selling house plans internationally raises problems that a local practice never meets:

  • Trust at a distance. Nobody can visit the studio, so every plan page has to answer the questions a buyer would ask across a desk: rooms, sizes, levels, what the drawings contain.
  • Two measuring systems. The designs are metric. Buyers in the US think in square feet, so every area shows both.
  • Careful wording. In the US, UK, Canada and Australia, building design is regulated. The site explains, on every plan and in the order flow, that a local licensed professional adapts the design before it is built.
  • Heavy media. Renders, floor plans and 360° interiors are what sell a house, and they are exactly what makes most catalog sites slow on a phone.

The goal was a catalog that feels like a design studio, loads like a static page, and never promises more than the studio can deliver.

What we built

A catalog, an order flow and 3D interiors.

Every page is prerendered at build time and served from Vercel's edge. The copy lives in Markdown files that are validated when the site builds, so a broken plan page fails the build instead of reaching a buyer.

Features

  • Catalog with instant filters

    Filter 23 designs by size, bedrooms, levels and style. Filtering runs in the browser over a static list, so there is no server round trip and one canonical URL.

  • Plan pages that answer questions

    Galleries, floor plans, a room-by-room area schedule, both m² and ft², what each drawing set typically includes, and a plan-specific FAQ.

  • Order request, then invoice

    No checkout. Buyers send a request, get a written quote that lists the exact sheets, and pay only after they confirm. The form sends through Resend and falls back to a prefilled email if sending is not configured.

  • 360° interiors on demand

    The 3D interiors hub shows renderings and 360° tours. Each tour loads only after a click, so the page stays fast and makes no third-party requests until the visitor asks for one.

  • Journal with an RSS feed

    Articles on flat roofs, sloping lots, metric plans and building abroad, written for people who are still deciding. Most of them link straight to the designs they discuss.

  • Legal flows built in

    Terms, license, refunds, privacy, cookies and a seller notice, plus an EU withdrawal form at /cancel for buyers in the EU.

  • Services for the trade

    3D interior rendering, virtual tours and CAD drafting for builders and design studios, each on its own page. The renderings are made in-house at CAD ART, where 3D visualization is part of Branko's work.

  • Two sites, one story

    Projektikuce.rs links to Morava Modern as its English version, and Morava Modern links back to the practice in Serbia. Visitors and search engines see one studio behind both.

Stack

Stack

  • Next.js 16 (App Router)
  • React 19
  • TypeScript (strict)
  • Tailwind CSS 4
  • Markdown + Zod
  • Resend
  • Vercel
  • Vercel Web Analytics
  • Vitest
  • GitHub Actions

Language and units

  • English (US spelling)
  • Metric areas with square feet
  • Prices in USD, shown in GBP, CAD, AUD and EUR

Speed

Measured, not claimed.

We run Lighthouse ourselves, on the live site: three runs with the mobile preset, and the median goes on the page with the date it was measured. PageSpeed Insights also uses Lighthouse. Scores can differ because the test conditions differ.
  • 99
    Performance · mobile
  • 100
    Accessibility · mobile
  • 100
    Best practices · mobile
  • 100
    SEO · mobile

Measured with Lighthouse (mobile), .

Lighthouse 13.5.0, mobile, median of 3

Run the test on PageSpeed Insights (opens in a new tab)

What you can check yourself

  • Every page is static HTML served from Vercel's edge cache. The response headers show it.
  • HTTPS with HSTS and a strict Content-Security-Policy on every response.
Read more
  • No cookie banner: analytics are cookieless, and the 360° tours load nothing from third parties until you click.
  • Canonical URLs, an XML sitemap, JSON-LD structured data and Open Graph images on every page.
  • GitHub checks every change before release: lint, types, unit tests, the build, and opening every page in the sitemap.

Screens

Desktop and mobile.

Moravamodern.com on desktop: a large house render, the headline and the main navigation
Moravamodern.com on a phone: the headline above a house render and a button to browse the plans
Desktop · captured at 1440 × 900 · Mobile · captured at 390 × 844

Next project

A local studio, one tap from a booking.

Irmadolcevita.com is the site of DolceVita by Irma, a beauty studio: 6 service pages, an open price list in dinars and booking by phone, Viber or WhatsApp in one tap.

All projects
  • Next.js 16
  • Static
  • Local SEO
  • Serbian
Problem
The studio lived on Instagram and Google Maps. Services, prices and booking were scattered across posts, calls and messages.
Build
A site with 6 service pages, before-and-after results and the full price list in dinars. Clients can request an appointment by phone, Viber, WhatsApp or Instagram.
Performance
96
Accessibility
100
Best practices
100
SEO
100

Measured with Lighthouse (mobile), .

View the projectVisit site (opens in a new tab)

Want a site like this?

Tell us what you sell and who buys it. We will help you work out what you need and suggest a next step.

Talk to us

Or email jovan@kvant.studio