Seven Lux Auto
7cars mijozining ommaviy yuzi: bir sahifali qorongʻi, jurnal uslubidagi shourum — tez yuklanadi va har qanday aloqa bir teginishda.
- Brendlangan kirish
- Avtomatik aylanadigan kolleksiya
- Oltita konsyerj xizmati
- AutoDealer JSON-LD
- Mijoz
- Seven Lux Auto, Moskva
- Yil
- 2026
- Mualliflik
- Oʻz ishlanmam
- Holat
- Rol
- Dizayn va frontend: vizual tizim, sahifalash, SEO, analitika va joylashtirish.
- Platformalar
- Bir sahifali sayt · kompyuter va mobil
- Tillar
- RU
- Stek
- HTML · CSS · Vanilla JavaScript · JSON-LD · Vercel · Vercel Web Analytics
- Havolalar
- sevenluxauto.ru (yangi oynada ochiladi)
Tadqiqot — kontekst va muammo.
Muammo
Hashamatli dilerga shourum hissini beradigan, telefonda tez yuklanadigan va qiziqishni aloqaga aylantiradigan ommaviy yuz kerak edi.
Seven Lux Auto Moskvada hashamatli va premium avtomobillarni — Rolls-Royce, Ferrari, Maybach, G-Class va boshqalarni sotadi hamda xarid atrofida konsyerj xizmatlarini taklif qiladi: chet eldan tanlash, logistika, roʻyxatdan oʻtkazish, treyd-in, lizing va servis. Aynan shu kompaniya oʻz bek-ofisini 7cars tizimida yuritadi.
Dilerga mashinalarga munosib ommaviy yuz kerak edi: eʼlonlar sahifasi emas, shourum hissi, telefonda tez yuklanish va keyingi qadamning — qoʻngʻiroq, WhatsApp yoki Telegramʼdagi xabar, shourumgacha yoʻnalish — aniq koʻrinishi. Saytni Google ham, Yandex ham topishi kerak edi, egalar esa odamlar aslida qaysi aloqa kanallaridan foydalanishini — muayyan shaxslarni kuzatmasdan — bilishni xohlardi. Hammasi rus tilida boʻlishi, dilerning aloqa maʼlumotlari va rekvizitlari esa doim qoʻl ostida turishi kerak edi.
Buning uchun ogʻir stek kerak emas edi. Javob — bitta sahifa: qorongʻi, jurnal uslubida, sotuvni fotosuratlar bajaradi, har qanday aloqa esa bir teginishda.
Reja — avval tizim chizmasi.
Yechim
Bitta statik sahifa: brendlangan kirish animatsiyasi, avtomatik aylanadigan kolleksiya va konsyerj xizmatlari, AutoDealer tuzilgan maʼlumotlari va shaxslarni kuzatmaydigan murojaatlar analitikasi.
Bitta sahifa, besh qism: xromlangan «7» bilan brendlangan kirish animatsiyasi, Rolls-Royce tasviri ustidagi birinchi ekran, sudraladigan va avtomatik aylanadigan «yopiq kolleksiya» karuseli, olti raqamlangan konsyerj xizmati va aloqalar bilan tugaydigan falsafa bloki. Hammasi — bitta fayldagi qoʻlda yozilgan HTML, CSS va sof JavaScript, freymvorksiz: bloklarning paydo boʻlishi IntersectionObserverʼda, karusel requestAnimationFrameʼda. Qidiruv tizimlari uchun — canonical va Open Graph, sitemap hamda koordinatalar va ish vaqti koʻrsatilgan AutoDealer tuzilgan maʼlumotlari. Egalar uchun — Vercel Web Analyticsʼdagi murojaat hodisalari: telefon, WhatsApp, Telegram va pochta bosishlari, galereyani ochish, yoʻnalish soʻrash — odamlarni aniqlamasdan.
Modullar kaliti
- Xromlangan «7» logotipi bilan brendlangan kirish animatsiyasi
- Mavjud mashinalar va koʻrish vaqtiga urgʻu berilgan birinchi ekran
- Besh mashinadan iborat, sudraladigan va avtomatik aylanadigan kolleksiya
- Oltita raqamlangan konsyerj xizmati
- Yoʻnalish havolasi va messenjer kanallari bilan aloqalar
- Canonical, Open Graph, sitemap, robots.txt va AutoDealer JSON-LD
- Vercel Web Analyticsʼdagi murojaat hodisalari
- vercel.json orqali xavfsizlik sarlavhalari
Asosiy qarorlar
-
Nega bitta statik sahifa
Shourum sayti — asosan fotosuratlar va bir nechta qaror. Ichki CSS va JS bilan taxminan 37 KBʼlik bitta HTML fayl gidratatsiyani talab qilmaydi va deyarli qoʻllab-quvvatlashga muhtoj emas.
-
Nega odamlar emas, murojaatlar hisoblanadi
Egalar uchun qaysi kanal murojaat keltirishini bilish muhim. Maxfiylikni hurmat qiladigan analitikadagi nomlangan hodisalar bu savolga shaxsiy maʼlumotlarsiz javob beradi.
-
Nega dilerga tuzilgan maʼlumotlar kerak
Manzil, koordinatalar va ish vaqti koʻrsatilgan AutoDealer JSON-LD qidiruv tizimlariga shourumni shunchaki sahifa emas, balki joy sifatida koʻrishga yordam beradi.
Fasadlar — kompyuter ekranlari.
Barcha fasadlar 01
-
Rasm 4.1 «Haydashdan koʻproq» falsafa bloki: brend haqidagi matn, aloqa tugmasi va ramkadagi Rolls-Royce fotosurati.
Detallar — mobil ekranlar.
Materiallar qaydnomasi — stek va nima uchun.
| Qatlam | Material | Nega |
|---|---|---|
| 01Maʼlumotlar | AutoDealer JSON-LD · sitemap · Open Graph | Qidiruvda diler joy sifatida: manzil, koordinatalar, ish vaqti. |
| 02Mantiq | Vanilla JS · IntersectionObserver · requestAnimationFrame | Bloklarning paydo boʻlishi va avtomatik aylanadigan karusel — freymvorksiz. |
| 03Tahlil | Lead-event analytics (Vercel) | Qaysi kanal aloqa keltiradi — tashrif buyuruvchilarni aniqlamasdan oʻlchanadi. |
| 04Interfeys | Static HTML / CSS · Unbounded + Inter | Brendni jurnal uslubidagi sarlavha shriftlari va fotosuratlar olib boradi. |
| 05Infratuzilma | Vercel · security headers | Edgeʼda keshlanadigan statik xosting va kuchaytirilgan sarlavhalar toʻplami. |
Stek
Topshirish — natija va havolalar.
Tizimni ishlayotgan holda koʻrmoqchimisiz?
Tizimni demo maʼlumotlarda jonli koʻrsataman va uning ortidagi qarorlarni tushuntiraman.
Namoyish soʻrash
