Materia · 2025
A refined digital experience for a premium real-estate brand
A complete design system and bilingual property platform for Materia — with two ways to find a home, a Block → Building → Floor → Apartment drill-down, and interactive floor plans.
კლიენტი
Materia
შესრულებული სამუშაო
UI/UX design · Web development
ინდუსტრია
Real estate
ვადა
1.5 months
მიმოხილვა
Materia is a real estate brand with over 15 years of experience in real estate construction and sales in Georgia. Built on a legacy of delivered projects and industry trust, it continues forward with a refined vision — focused on premium, thoughtfully designed living spaces that go beyond traditional housing.
მიზანი
The objective of this project was to translate that vision into a clear and refined digital experience, emphasizing structure, simplicity, and a calm, intuitive user journey aligned with the brand's positioning.
დიზაინ-სისტემა
ფონტი
Loos Wide
One wide, confident sans across both alphabets — Georgian and Latin — set in bold for structure and regular for calm.
ფერთა პალიტრა
Primary
#0E0E0E
Light
#F6F5F3
Blue
#05578F
Navy
#1B3F57
Sage
#8FA851
Deep
#051621
მიდგომა
- 01
A design system first
We built the foundation before the pages: Loos Wide as the voice across Georgian and English, a responsive type scale, and a disciplined palette anchored on near-black and warm off-white. Then the working parts — range sliders, floor dropdowns, segmented toggles, pagination, checkboxes, amount fields and a GEL/USD currency switch — so every screen assembles from the same vocabulary.
- 02
Structure for two product lines
Materia sells two very different things — apartments under Materia Living and serviced land under Materia Estates. We mapped one information architecture that holds both: home, projects, about, investments, blog and contact, with a filter model (location, property type, bedrooms, price range, m² range) that reads the same either way.
- 03
Two ways to find a home
Buyers don't all search the same way. Some know their numbers; others want to look. So discovery starts with a choice: Select by criteria for the spec-led buyer, or Visual selection for the one who'd rather explore — an aerial sector map for land, an interactive elevation for buildings. Same inventory, two temperaments.
- 04
Down to the individual apartment
The heart of the product: a Block → Building → Floor → Apartment drill-down. Interactive floor plates show which units are still available, with live counts, compass orientation, area and unit number surfacing on hover, a floor stepper for moving up and down the building, and a payment-plan slider from full payment to a 20% deposit.
- 05
Built, shipped, connected
We engineered the platform on Next.js and Prisma and shipped it on Vercel: bilingual KA/EN routing, a versioned CMS and blog the team runs in-house, a Google Maps location finder, and enquiry flows wired into Materia's Bitrix24 CRM with UTM and pixel attribution behind them.
ეკრანები
გადაწყვეტა
The result is a calm, structured platform that carries a fifteen-year reputation online. It presents both product lines and every development from Ortachala to Tabakhmela and Outlook Forest, walks a buyer from a city map down to a single apartment on a single floor, and hands the team a CMS, a blog and a CRM-connected pipeline to run it all themselves — in Georgian and English, on a design system that will still hold the next project.
- Design timeframe
- 1.5 moDesign timeframe
- Fully bilingual
- KA / ENFully bilingual
- Product lines
- 2Product lines
- Block → Building → Floor → Apartment
- 4 levelsBlock → Building → Floor → Apartment
ჩვენი როლი
End-to-end design and engineering — brand-led design system, information architecture, UI/UX for every screen, and the production build.
ტექნოლოგიები
- Figma
- Next.js 15
- React 19
- TypeScript
- PostgreSQL
- Prisma
- Tailwind CSS
- Google Maps API
- Bitrix24 CRM
- Vercel