Ko'chmas Mulk Landing Sahifasi
Do'mbirobod City
Mahalliy ko'chmas mulk kompaniyasi uchun professional landing sahifa — kvartira rejalari, virtual sayohatlar va narx kalkulyatori. Next.js va Figma asosidagi UI/UX prototiplash bilan qurilgan.
Umumiy ma'lumot
Ko'chmas mulk ishlab chiqaruvchilar kvartiralarni ro'yxatga olishdan ko'proq narsa qiladigan saytga muhtoj — u tashrif buyurishdan oldin xaridorlarga ishonch hosil qilishi kerak. Men Figma dizaynlaridan Do'mbirobod City landing sahifasini yaratdim, potentsial xaridorlarga interaktiv reja ko'rgazmasi, virtual sayohat va narx kalkulyatori berdim, shunda ular mulkni o'z jadvalida ko'rib chiqishi mumkin.
Men nima qildim
Figma dizaynlarini piksel-aniq Next.js saytiga aylantirdim — komponent bo'yicha komponent, barcha joyda yumshoq aylantirish animatsiyalari bilan.
Xaridorlarga xona darajasidagi ajratib ko'rsatish bilan xonadon rejalarini ko'rib chiqish imkonini beruvchi interaktiv reja ko'rgazmasini yaratdim.
Xaridorlarga joylashuvga qadam bosmasdan oldin to'liq tasavvur berish uchun narx kalkulyatori va virtual sayohat komponentlarini integratsiya qildim.
Arxitektura
Statik ravishda yaratilgan Next.js sayti — standart bo'yicha tez, backend kerak emas. Interaktiv komponentlar (reja ko'rgazmasi, narx kalkulyatori, virtual sayohat) hammasi mijoz tomonida ishlaydi, statik sahifalar esa edge'dan bir zumda yuklanadi.
Ichki tuzilishi
Xona darajasidagi ajratib ko'rsatish va birlik tanlash bilan interaktiv reja — xaridorlar har bir kvartira rejasini bosib ko'rishlari va qaysi xonalar birliklaning bir qismi ekanini ko'rishlari mumkin.
Birlik turi, qavat va maydonni kirish sifatida qabul qilib, ishlab chiqaruvchining sozlangan narxlash qoidalariga asoslanib yakuniy xarajatlarni hisoblaydigan mijoz tomoni narx kalkulyatori.
Butun sayt bo'ylab yumshoq aylantirish animatsiyalari va sayqallangan o'tishlar — mijozning brendiga kerakli premium tuyg'uga mos keladi.
Men nimani o'rgandim
Figma dizaynlaridan ishlash menga piksel aniqligi niyat qilingan kayfiyatni aks ettirishdan ko'ra muhimroq ekanini o'rgaldi — ba'zan dizayner aslida tasavvur qilganiga mos kelish uchun kodda kichik tuzatishlar kiritishingiz kerak.
Statik saytlar marketing sahifalari uchun past baholanadi — deyarli bir zumda yuklanish vaqtlari va tashvish qiladigan infratuzilma yo'q, bu esa mijozni ishga tushirish kuni xursand qildi.
Texnologiyalar
Frontend
- Next.js
- React
- TypeScript
- Tailwind CSS
Dizayn va Asboblar
- Figma
- ESLint
- Prettier
