FaceCode — Toshkentdagi vizajist sayt-vizitkasi
Vizajist FaceCode uchun sayt-vizitka yaratdik: narxlari ko'rsatilgan makiyaj dasturlari, bir teginishda qo'ng'iroq, Instagram'ga o'tish va qisqa ariza formasi. Konsultatsiyaga yozilishlar 49% ga oshdi, suratlar esa ikki soniyadan tezroq ochiladi.
Vazifa
FaceCode — xizmatlari va portfoliosini onlayn targ'ib qiluvchi toshkentlik xususiy vizajist. Mijozlar Maxtumquli ko'chasi, 99-uydagi Prime Look salonida qabul qilinadi, xizmatlar qatorida esa oltita dastur bor: nude, kechki, to'y va sinov makiyaji, smoky eyes hamda grafik obrazlar.
Vizajistga aniq bir obraz uchun kelishadi — to'y, kechki yoki grafik obraz — va qaror uchta savolga qarab qabul qilinadi: ishlar qanday ko'rinadi, bu qancha turadi va qanchalik tez yozilish mumkin. Vizajist sayt-vizitkasi uzun matnlar va ortiqcha sahifalarsiz, birinchi ekranlardanoq uchala savolga javob berishi kerak edi.
Narx — go'zallik ustasiga beriladigan eng ko'p savol, va har kim ham uni shaxsiy xabarda so'rashga tayyor emas. Saytda narxlar ro'yxati bo'lmasa, tanishuv natija haqida emas, pul haqidagi yozishmadan boshlanadi. Shu bilan birga narxlarni nafis taqdimotni jadvalga aylantirmasdan, ehtiyotkorlik bilan ko'rsatish kerak edi.
Vizajist ishini ko'z bilan baholashadi, shuning uchun bunday saytning asosiy tili — yirik fotosuratlar. Ular kayfiyat beradi, ammo mobil internetda sahifani osongina og'irlashtiradi, sekin paydo bo'ladigan surat esa birinchi taassurotni buzadi.
Yozilish ham soddaroq bo'lishi kerak edi. Mijozga ism, telefon va tadbir haqida bir-ikki so'z qoldirish kifoya, forma esa spam-botlar nishoniga aylanmasligi lozim. Bundan tashqari, «qayerga borish kerak» degan savolga aniq javob — forma yonida salon manzili va xarita kerak edi.
Yechim
Saytni to'liq ekranli oq-qora kadrlardan iborat qisqa lenta sifatida yig'dik. Har bir kadr alohida bo'lim: «Dasturlar», «Kontaktlar» va «Instagram», ulardan keyin ariza formasi va salon manzili ko'rsatilgan xarita keladi. Butun navigatsiya aylantirish va bitta teginishdan iborat.
«Dasturlar» bosilganda so'mdagi narxlari bilan oltita dasturni ko'rsatadigan «Xizmatlar va narxlar» oynasi ochiladi, to'y va grafik makiyaj uchun narx oralig'i berilgan. «Kontaktlar» darhol qo'ng'iroq qilish mumkin bo'lgan raqamni ko'rsatadi, «Instagram» vizajist profiliga olib boradi, forma esa faqat ism, telefon va xabarni so'raydi.
Texnik jihatdan bu Vite'da yig'ilgan va Vercel'da joylashtirilgan React'dagi bir sahifali ilova. Har bir kadr avval bir kilobaytdan kichik WebP prevyu sifatida chiqadi, 80 KB gacha bo'lgan to'liq fotosurat esa ortidan yuklanadi. Arizalar Google Apps Script veb-ilovasiga ketadi, yashirin tuzoq-maydon botlarni to'sadi, qorong'i xarita esa CSS-filtr bilan sayt uslubiga bo'yalgan Yandex xaritasidir.
To'liq ekranli muqova bo'limlar
Bosh sahifa «Dasturlar», «Kontaktlar» va «Instagram» yozuvli uchta yirik oq-qora kadrdan tuzilgan. Har bir kadr katta tugma vazifasini bajaradi: tashrif buyuruvchi menyu qidirmaydi, balki darhol keraklisini bosadi.
Bitta oynada dasturlar va narxlar
«Xizmatlar va narxlar» oynasida oltita dastur bor: nude, to'y, sinov va kechki makiyaj, smoky eyes va grafik obraz. Har birining so'mdagi narxi ko'rsatilgan, shuning uchun mijozning asosiy savoli yozishmadan oldinoq yopiladi.
Bir teginishda qo'ng'iroq
«Kontaktlar» bo'limi vizajistning telefon raqami yozilgan oynani ochadi. Smartfonda qo'ng'iroqni boshlash uchun raqamni bir bosish kifoya — raqamlarni nusxalash yoki kontaktni messenjerlardan qidirish shart emas.
Qisqa ariza formasi
«Ariza yuborish» formasi ism, +998 formatidagi telefon va tadbir haqida bir-ikki so'zni so'raydi. Yashirin tuzoq-maydon spam-botlarni to'sadi, yuborilgandan keyin esa mijoz ariza yetib borganini tasdiqlovchi xabarni darhol ko'radi.
WebP'dagi yengil fotosuratlar
Suratlar WebP formatida saqlanadi: to'liq o'lchamli kadr 80 KB gacha, prevyu esa bir kilobaytdan kam. Avval prevyu, keyin aniq surat paydo bo'ladi, dangasa yuklash esa tashrif buyuruvchi bo'limga yetmaguncha ortiqcha narsani yuklamaydi.
Xaritadagi salon
Yakuniy ekran — sayt uslubiga moslab qorong'i ranglarga bo'yalgan, Maxtumquli ko'chasi, 99-uydagi Prime Look saloni manzili ko'rsatilgan xarita. Xarita dangasa yuklanadi, Yandex Xaritalarda ochish havolasi esa yo'nalishni darhol belgilashga yordam beradi.
Natijalar
Loyihaning asosiy natijalari raqamlarda.
- +49%Konsultatsiyaga yozilishlar
Ko'rinib turgan narxlar, bir teginishda qo'ng'iroq va qisqa forma tufayli konsultatsiyaga yozilish sezilarli darajada ko'paydi.
- <2 sFotosuratlar yuklanishi
Yengil prevyuli WebP kadrlar telefonda ham ikki soniyadan kam vaqtda ochiladi.
- 6Narxli dasturlar
Nude, to'y, sinov, kechki, smoky eyes va grafik makiyaj — narxlari to'g'ridan-to'g'ri saytda.
- 4 kunBoshlanishdan ishga tushishgacha
Muqova bo'limlar, narxlar oynasi, ariza formasi va salon xaritasi to'rt kunda tayyor bo'ldi.
Dizayn va interfeyslar
Loyihaning asosiy ekranlari va interfeyslari.
Loyiha texnologiyalari
Mijozning vazifasi uchun yechimni qurganimiz stek.
- Vercel
- React
- Vite
Keyingi keys bo'lishga tayyormisiz?
Vazifani ayting — menejer jamoa yig'adi, smeta hisoblaydi va so'rovingizdan keyingi birinchi soat ichida taklif yuboradi. Majburiyatlarsiz va xat tarqatishsiz.