Case study

Concept Group — Residential Developers (Concept Website)

Concept Group, Bakıda yerləşən modern real estate development / operations studiyası üçün hazırlanmış marketing veb-sayt konseptidir. Məqsəd premium, editorial hiss, aydın naviqasiya, güclü tipografik ierarxiya və “hero” təsirini itirmədən mobil təcrübəni istifadəli saxlamaq idi. Sayt hər tip ekran üçün səliqəli responsiv davranışla dizayn edilib.

Canlı sayta bax· concept8.maharramguluzade.com
Tip
Marketing website (concept)
Platforma
Desktop + mobil-first UX
Fokus
Editorial UI + naviqasiya aydınlığı
Stack
Next.js, Tailwind, Framer Motion
Concept Group — desktop hero və featured proqram kartı

Problem

Bir çox developer / real estate studio saytları ya vizual olaraq ağır və “template” görünür, ya da çox immersiv olub mobil scroll etdikcə naviqasiyanı çətinləşdirir. Bu konsept həmin iki ucu birləşdirən orta yolu araşdırır:

  • Cinematic hero + aydın, istifadəli naviqasiya
  • Mobil scroll zamanı UI-nin “boğulmadan” kompaktlaşması
  • Kontentin tez anlaşılması üçün strukturlaşdırma

Goals

  • Brend presence: sakit, özünəinamlı “built environment” tonu — minimal, amma steril deyil.
  • Mobil-first UX: header istifadəli qalır, hero isə immersive hissini saxlayır.
  • Sürətli anlama: “Development · Operations · Advisory” scope-u ilk saniyələrdə aydın olsun.
  • Sistem ardıcıllığı: səhifələr arasında paylaşılmış spacing və komponent pattern-ləri.

Audience

  • Operator seçən property owners / investors
  • Execution tərəfdaşlığı axtaran architects / contractors
  • Vakansiyalara baxan namizədlər

Key design decisions

  • Editorial tipografiya: headline üçün serif “display”, UI/label-lar üçün modern sans — istilik + dəqiqlik balansı.
  • Warm paper canvas: soft off-white fon və restrained accent — “material”/arxitektural hiss.
  • Hero image as context: modern Bakı skyline — yer + etibar üçün dərhal kontekst.
  • Structured content blocks: stats, projects, blog, hiring — təkrarlanan, skan edilə bilən blok dili.

Interaction & Motion (UX)

  • Mobil header davranışı: home hero-da oxunaqlı və present; scroll-dan sonra kompakt floating bar.
  • Mobil menu animasiyası: subtle fade + slide — keyfiyyət hissini artırır və state dəyişimini aydın edir.
  • Scroll cue: fold altında kontent olduğunu göstərən kiçik arrow.

Content strategy (concept copy)

  • Başlıq outcome-a fokuslanır: “Projects built to perform long after handover.”
  • Kicker scope-u tez göstərir: “Development · Operations · Advisory.”
  • Supporting copy “disciplined delivery” və operational rigor-u vurğulayır.

Pages / structure

  • Home: hero + “at a glance” stats + featured projects + blog/hiring/contact teasers
  • About: positioning, story, values, milestones
  • Projects: overview + filters/rows
  • Blog: featured post + latest list
  • Vacancies: roles list + clear CTA
  • Contact: form + office details