Case study
Khalif Estate — Luxury Real Estate Platform
Khalif Estate yüksək səviyyəli, çoxdilli luxury daşınmaz əmlak platformasıdır. Məqsəd premium elanları editorial, minimalist estetikada təqdim etmək və sürətli, modern “boutique luxury” təcrübə yaratmaq idi — həm desktop, həm də mobil ekranlarda.
- Tip
- Elanlar + detal səhifə
- Platforma
- Desktop + mobil yönümlü UX
- Dillər
- AZ / EN / RU
- Texnologiya
- Vite + React
Problem və hədəf
- Matte black + rose gold vizual kimliyi ağır və yavaş görünmədən qurmaq
- Daşınmaz əmlaka uyğun peşəkar terminologiya ilə AZ/EN/RU çoxdillilik
- Mobil üçün də istifadəli, amma elegant advanced filter sistemi
- Detallarda müasir gözlənti: qalereya + 360° tur + WhatsApp ilə əlaqə
Hədəflər və tələblər
Vizual kimlik
- Matte Black fon (#0A0A0A)
- Rose Gold aksent (#C59785)
- Crisp White tipografiya
- Nazik rose-gold border + geniş spacing
Çoxdilli engine (AZ / EN / RU)
Header-də dil dəyişdirici və daşınmaz əmlak terminlərinin peşəkar tərcüməsi (məs: Sahə, Otaq sayı, Mərtəbə, Çıxarış var).
Platforma funksiyaları
- Advanced filter (satış/icarə, növ, lokasiya, qiymət slider)
- Min/Max sahə və otaq sayı
- Premium kartlar: “New/Elite” badge + spec ikonları
- Detallar: qalereya, 360° tur, agent kartı + WhatsApp CTA
Həll – texnika və icra
- Luxury UI sistemi — CSS dəyişənləri + reusable UI primitivləri (button, chip, input/select, divider, border).
- Responsive filtering UX — desktop üçün üst bar; mobil üçün bottom-sheet drawer.
- Smooth motion & navigation — Framer Motion keçidləri və səlist routing axını.
- Gallery + lightbox — click-to-expand, keyboard dəstəyi (ESC/oxlar), stabil hero davranışı.
- 360° tur fullscreen — fullscreen davranışı və mobil üçün təhlükəsiz fallback.
Nəticə
- Luxury-brand hissi: premium dark UI + rose-gold aksentlər
- AZ/EN/RU hazır: terminologiya və sadə dil toggle
- Sürətli və responsiv: Vite optimizasiyası ilə yüksək performans
- Mobil UX: bottom-sheet filter + səliqəli kart layout
- Satış-fokuslu detallar: WhatsApp CTA + 360° tur + qalereya