Materia's English site open on a MacBook and an iPhone, standing on a rough dark stone block
Case study · 05 / 20 · ← all projects

Materia.

The development showcase for Outlook Forest and Tabakhmela Estates, with each project presented as one continuous scroll, designed and built end to end.

Visit materia.ge
Client
Materia
Sector
Real estate
Built on
Next.js · Custom admin
Languages
Georgian, English

Overview

For Materia we designed and built a bilingual real-estate developer website for two very different projects: Outlook Forest, a residential complex in Krtsanisi's diplomatic district, and Tabakhmela Estates, a gated community of land plots a 20-minute drive from Tbilisi. Each project page gives the key figures, the amenities in photographs, the apartment or plot types with a starting price, and the materials. Buyers filter the projects by line, Materia Living or Materia Estates, and can book a call from any page, in Georgian or English.

01

A catalogue by line

Materia Living for apartments and Materia Estates for land plots, with a filter on the projects page and a tag on every card.

02

Every project in figures

250 apartments, 600 hotel rooms and 335 parking spaces at Outlook Forest; 71 plots in 3 sectors on 8 hectares at Tabakhmela Estates.

03

Types with a starting price

Tabs switch between studio, one-bedroom and three-bedroom apartments, or between three plot sizes, each with its area and a starting price.

04

Contact the way the buyer prefers

A Book a call button in the header opens a short form that asks how the buyer would like to be contacted: by phone, email or WhatsApp.

The buyer's path

From the catalogue to a call.

  1. 01 The line

    The projects page asks what kind of lifestyle the buyer is after and filters the cards: everything, Materia Living's apartments or Materia Estates' land plots.

    The projects page on materia.ge in English: the intro text, the lifestyle question with the filter All, Materia Living and Materia Estate, and the Tabakhmela Estates and Outlook Forest cards with their line tags
  2. 02 The project

    Outlook Forest opens full screen on the tower and the round building, with its description and a contact button.

    The Outlook Forest page on materia.ge in English: the tower and the round building among trees, the project title, its description and a Contact Us button
  3. 03 The figures

    250 residential apartments, 600 hotel rooms and 335 parking spaces, then the amenities, each with a photo of its own.

    Outlook Forest on materia.ge in English: a pool render beside the figures of 250 residential apartments, 600 hotel apartments and 335 parking spaces, and the amenity tabs open on the outdoor pool
  4. 04 The apartment

    A tab for each apartment type, with its area, a short description and its starting price. The studio is 32 to 42 square metres.

    The Outlook Forest apartment types on materia.ge in English: the Studio tab at 32 to 42 square metres, its description, three plan drawings with the studio's enlarged, the price from 2,800 USD and a Contact Us button
  5. 05 The call

    Book a call opens over the page: a name, a phone number and how the buyer would like to be contacted, by phone, email or WhatsApp.

    The Book a call window on materia.ge in English over the darkened Outlook Forest page: Name, Last Name, Email and Phone fields, the preferred way of contact, the privacy consent and the Submit button
In the build

What the Materia site does.

01 / 06
  1. materia.ge/en
    01

    From the logo to the projects

    On a first visit the Materia mark fills with photographs while the name types in, then the page lifts onto the hero slider: Tabakhmela Estates by day, Outlook Forest, Tabakhmela Estates at night.

    Recorded on the live site

  2. Redrawn projects catalogue from materia.ge in English: the lifestyle question, the filter All, Materia Living and Materia Estate with the pointer on Materia Living, and the Tabakhmela Estates and Outlook Forest cards with their line tags and each line's description
    02

    Two lines, one catalogue

    The projects page asks what kind of lifestyle the buyer is looking for and filters by line: Materia Living for apartments, Materia Estates for land plots. Every card carries its line's tag.

  3. materia.ge/en/projects/materia-outlook-forest
    03

    Apartment types, tab by tab

    At Outlook Forest one row of tabs switches between studio, one-bedroom and three-bedroom apartments, from 32 to 132 square metres. Each click brings up the type's area, description and starting price, and enlarges one of the three plan drawings.

    Recorded on the live site

  4. Redrawn Tabakhmela Estates plot card from materia.ge in English: plot types 1, 2 and 3 at 600, 1,000 and 1,500 square metres, each from 180 USD, what every plot comes with and a Contact Us button, beside the estate's figures of 3 sectors, 71 land plots and 8 hectares over an aerial of the plots
    04

    Three plot sizes at Tabakhmela

    Tabakhmela Estates offers plots of 600, 1,000 and 1,500 square metres, each with a starting price. Every plot comes with an access road, utilities and a fence, and an architectural project is a gift with each purchase.

  5. materia.ge/en/projects/materia-outlook-forest
    05

    Twelve amenities, twelve photos

    Outlook Forest gives its figures first: 250 apartments, 600 hotel rooms and 335 parking spaces. Then come twelve amenities, each with a tab and a photo of its own: the outdoor pool, the sauna, two padel courts and more. Tabakhmela Estates has fourteen, the forest and the EV chargers among them.

    Recorded on the live site

  6. Redrawn Book a call window from materia.ge in English: a first name typed in, the Last Name, Email and Phone fields with their placeholders, the Preferred way of contact list with Phone, Email and WhatsApp, the privacy consent and the Submit button, beside the header button that opens it, over the Outlook Forest tower
    06

    The Book a call window

    The button in the header opens a short form on every page: name, surname, email and phone, then whether the buyer would rather be contacted by phone, email or WhatsApp.

The screens

Every screen here is the live site.

8 screens from the Materia build
The brief

Materia develops premium residential projects around Tbilisi: the Outlook Forest tower in Krtsanisi and Tabakhmela Estates, a community of land plots. Each project had to be shown in full, in Georgian and English, and every enquiry had to reach the sales team.

What we built

We designed and built the site on Next.js, with an admin of its own: the team edits page content, the blog and the search snippets for each language themselves.

Project pages carry the key figures, amenities, apartment or plot types and materials, with the location on a map. The 'Book a call' window opens from every page, and the contact page carries the same form.

Stack and tools

What it runs on, and what it measures.

Read from the live site: the build, the tags in its pages, and the services a visitor meets on them.

Built with
Next.jsTailwind CSSSwiperVercel
Marketing and analytics
Google Tag ManagerGoogle Analytics 4Meta Pixel
On the page
Google MapsInstagramFacebook
Content
Custom admin
Languages
GeorgianEnglish
Gallery

On desktop and on the phone.

Materia's English About page on desktop and on a phone: the lines We create matter and You turn it into a home over a moss landscape, on a light sage tint
The Outlook Forest apartment types in English on desktop and on a phone: the studio at 32 to 42 square metres with its plan, its price from 2,800 USD and the Contact Us button, on the forest green
Three phones on a light sage tint, the English mobile site: Outlook Forest's figures and amenity tabs, the projects list with its line filter, and Tabakhmela Estates' figures with its forest photo
FAQ

About the Materia build.

Planning something similar? The intro call is thirty minutes and commits you to nothing.

By line. Materia Living covers residential apartments, with Outlook Forest in Krtsanisi, and Materia Estates covers land plots, with Tabakhmela Estates a 20-minute drive from Tbilisi. The projects page filters the catalogue by line, and every project card carries its line's tag.

The 28-storey tower and the round building first, then the project in figures: 250 residential apartments, 600 hotel rooms and 335 parking spaces. Twelve amenities follow, each with its own photo, then the apartment types and the materials, from the B-45 and B-35 concrete to nine KONE lifts.

Yes. On the Outlook Forest page a row of tabs switches between studio, one-bedroom and three-bedroom apartments of 32 to 42, 54 to 84 and 112 to 132 square metres, each with a short description and a starting price in dollars. Studios come renovated or furnished, and the larger apartments come in white frame.

As three plot types of 600, 1,000 and 1,500 square metres, each with a starting price. Every plot comes with an internal access road, utility connections and a high-quality fence, and an architectural project is a gift with every purchase. The page also gives the estate in figures: 3 sectors, 71 plots and 8 hectares, with a 7,000 square metre forest.

A Book a call button in the header opens a short form on every page: name, surname, email and phone, and the preferred way to be contacted, by phone, email or WhatsApp. The contact page has the same form beside the phone number, the address and the opening hours.

Georgian and English, with a language switch in the header and the footer. The blog runs in both as well, from whether foreigners can buy property in Georgia to what a white frame apartment is, and every article has its own translated address, search title and description.

Vebses, a web studio in Tbilisi. We designed the site and built it on Next.js with an admin of its own, so Materia's team edits the pages, the blog and the search snippets in both languages themselves.

Yes. The catalogue split by line or type of property would carry over, with a page per project for its figures, amenities, unit or plot types and materials, a call request on every page, and a blog in two languages that the team runs from its own admin. The design and the content would be made for that developer's own projects, not copied from Materia's.

Start a project

Tell us what you are building.

Thirty minutes, no pitch deck. Describe the problem and we will tell you what it takes to solve it (scope, budget range, timeline), even if the answer is that you do not need us.

What are you building?
Budget (optional)
How did you find us? (optional)

We reply within 24 hours.