• Client: HEIMAT Development Group
  • Sector: Residential development
  • Year: 2026
  • Services: Web design, development, SEO
  • Location: Nicosia, Cyprus
The HEIMAT Development Group homepage: “Building Homes Worth Coming Home To” over a house at dusk

Heimat Group

HEIMAT Development Group builds homes in Nicosia. It is three companies, in development, engineering and construction, joined into one, with more than twenty-five years of experience between them and more than two hundred homes behind them.

A new name with a long record is an odd thing to launch. The website had to introduce the group as one company, and make the record and the houses under construction feel like they belong to it.

The HEIMAT Development Group homepage: “Building Homes Worth Coming Home To” over a house at dusk

Overview

HEIMAT came to us as three companies that had decided to work as one: a developer, an engineering practice and a contractor. Between them, decades of work and hundreds of homes across Cyprus. As HEIMAT, a new name, a new brand, and four projects on the books, from detached houses in Lakatamia and Nicosia to an apartment building in Kaimakli.

The brief was to make the name mean something on first sight, warm and settled rather than corporate, and to give every project a page a buyer could share, with the plans on it.

The Heimat Group website on a phone
  • The Heimat Group website, a desktop screen

    Who they are

    Three companies in development, engineering and construction, joined as one group in Nicosia, from land planning to the final finish.

  • The Heimat Group website, a desktop screen

    What they came with

    A new name and identity, a long record across the three partners, renders and photography for four projects, and no website.

  • The Heimat Group website, a desktop screen

    What they needed

    A launch site that says home before it says company, and a page per project with the details a buyer asks for.

The problem

Developers in Nicosia sell on renders, and the renders all look alike: a white block, a blue sky, a pool. A buyer comparing them has no reason to remember one over another, and a group with a brand-new name has even less of a head start.

The second problem was the record itself. Twenty-five years and two hundred homes were real, but they belonged to three older companies. The site had to carry that experience over to HEIMAT without hiding that the group is new, and it had to rank as a company people have heard of, starting from zero.

The Heimat Group website on a phone

Design concept

The concept is the name. Heimat is home in German, and the site is set like one: a deep forest green and a warm sand, a heavy upright sans for the headlines and a soft serif for everything you read. It looks less like a developer and more like a place you would want to live.

The hero is pinned. The headline drops in line by line, Building Homes Worth Coming Home To, and then the house rises out of its own landscape behind it. The section after it holds the tagline over a looping film while the logo builds on top.

The Heimat Group website on a phone
  • The Heimat Group website, a desktop screen

    Green and sand

    Forest green and warm sand instead of the white and blue every developer uses: home before construction.

  • The Heimat Group website, a desktop screen

    A serif you read

    Heavy uppercase for the statements, a light serif for the body and the form, so the long text reads like a letter, not a brochure.

  • The Heimat Group website, a desktop screen

    The house rises

    Two layers, the landscape and the house cut from it, open in turn under the falling headline.

Development

A Next.js site, every page prerendered and served from the edge cache, with the motion layered on top in GSAP and Lenis: the pinned hero, the line-by-line headline, the clip-path reveals, the transitions between pages and a custom cursor.

Each project opens as a panel over the project list with its own address, so a buyer can send a link to one house, and the panel keeps them inside the portfolio. Inside it, five tabs: general information, characteristics, exterior, interior and the architect’s floor plans.

The Heimat Group website on a phone
  1. Prerendered, then animated

    Every page is built ahead of time and served from cache; the motion is added on top, so the copy is in the HTML before any of it moves.

  2. A project is a link

    Each project panel has its own URL, title and description, so a single house can be shared, bookmarked and found.

  3. Plans, not just renders

    The layout tab carries the architect’s floor plans with dimensions, the thing a serious buyer asks for second.

  4. One form, guarded

    The contact form posts to the site’s own endpoint, with a honeypot against bots and the phone number optional.

Key decisions

The hardest piece is the opening. The headline falls into place while two image layers open beneath it by clip-path, the full photograph first and then the cut-out house over it, so the building appears to rise out of the ground it stands on. All of it is pinned to the scroll and has to land in the same order at any speed.

The other decision was to let the record speak in numbers and nowhere else. The site does not invent a history for a new group. It says plainly what the three partners bring, twenty-five years and two hundred homes, and lets the projects under way carry the HEIMAT name.

The Heimat Group website on a phone
  • The Heimat Group website, a desktop screen

    Layered, not one picture

    Landscape and house are separate layers with separate reveals, which is what makes the house rise instead of fade in.

  • The Heimat Group website, a desktop screen

    Modals with addresses

    Project panels open over the list but each is a real page, with its own schema and metadata.

  • The Heimat Group website, a desktop screen

    The record, stated once

    Four numbers on the about page carry three companies’ history without pretending the name is older than it is.

SEO

A new name has no search history, so the site gives search engines everything at once: a title and description for every page, all copy in the server HTML, and structured data that says what the group is and what each project is, down to whether it is a house or an apartment building.

The Heimat Group website on a phone
  • Every page prerendered, all copy in the HTML
  • A title and description per page and per project
  • GeneralContractor schema with address and area served
  • House and ApartmentComplex schema per project
  • Breadcrumbs on every inner page
  • Sitemap and robots, generated Open Graph images

What was delivered

The launch site for a new group, designed and built from a blank file, with a page for each project and the search groundwork a new name needs.

The Heimat Group website on a phone
  • Homepage, about, projects and contact
  • Four project pages with tabbed details and floor plans
  • The pinned, layered hero and the logo film
  • Page transitions and a custom cursor
  • Contact form with spam protection
  • Structured data, metadata, sitemap, hosting

Result

The site is live as the group’s first address online, with all four projects on it, two of them still in construction or design. HEIMAT has not shared enquiry or ranking figures for publication, and we do not report numbers we have not been given. What it changed is the first impression: a buyer meets one group, its record and its houses, with the plans a click away.