ARROW — logistika kompaniyasi uchun lending
ARROW logistika kompaniyasi uchun uch tilli lending yaratdik: birinchi ekranda yukni kuzatish va narx so'rash, xizmatlar, ish bosqichlari va savol-javoblar. Lending brifdan besh kun o'tib ishga tushdi, Lighthouse esa unga 100 dan 98 ball berdi.
Vazifa
ARROW — yuk tashish va yetkazib berishni to'liq o'z zimmasiga oladigan va o'zini premium servis sifatida ko'rsatadigan logistika kompaniyasi. Saytda uchta yo'nalish taqdim etilgan: havo, dengiz va quruqlik orqali xalqaro yuk tashish, onlayn do'konlar uchun logistika va eshikdan eshikkacha yetkazib berish.
ARROW yuk tashish va «kalit topshirish» sharti bilan yetkazib berish bilan shug'ullanadi. Kompaniyaga bir daqiqada eng muhimini tushuntiradigan logistika kompaniyasi lendingi kerak edi: qanday yuklar, qaysi transportda va qanday shartlarda qabul qilinadi. Logistikada mijoz chiroyli rasmga emas, nazorat hissiga ishonadi, shuning uchun sahifa birinchi ekrandanoq ishonchlilik haqidagi umumiy gaplar o'rniga ko'lam va tartibni ko'rsatishi lozim edi.
Tashrif buyuruvchilarning maqsadi har xil. Biri yuki hozir qayerdaligini bilmoqchi, boshqasiga yangi jo'natma narxi kerak, uchinchisi bojxona yoki sug'urta haqida so'ramoqchi. Bularning hammasini bitta «Bog'lanish» tugmasiga jamlasangiz, odamlarning bir qismi ariza qoldirmasdan javobni boshqa joydan izlab ketadi.
ARROW mijozlari uch tilda — rus, o'zbek va ingliz tilida o'qiydi. Qidiruv tizimlari odamga sahifani o'z tilida ko'rsatishi uchun har bir versiyaga alohida manzil kerak edi. Xizmatlar matni, ish bosqichlari va savollarga javoblar esa uchala versiyada ham mayda tafsilotigacha mos kelishi shart edi.
Vizual vazifa — kinematografik uslub: yuk mashinalari va kemalarning yirik kadrlari, video va aylantirishdagi animatsiyalar. Bunday sahnalar sahifani osongina og'irlashtiradi va telefonda xalaqit beradi, muddat esa qat'iy edi — brifdan ishga tushirishgacha besh kun. Ta'sirli tasvirni tezlik bilan uyg'unlashtirib, yo'lda birorta ham arizani yo'qotmaslik kerak edi.
Yechim
Lendingni yuk yo'nalishi kabi qurdik. Birinchi ekran darhol harakat taklif qiladi — jo'natmani kuzatish yoki narx so'rash, keyin kompaniya manifesti, uchta xizmat, konteyner sahnasi, afzalliklar, mijozlar fikrlari, to'rtta ish bosqichi va ariza formasi yonida turgan tez-tez beriladigan savollar keladi.
Har bir ssenariy o'z kirish nuqtasini oldi. Birinchi ekrandagi vidjet kuzatuv raqami yoki jo'natma identifikatorini qabul qiladi, pastdagi forma esa kontaktlar bilan savolni. Uchala kanal ham arizalarni Apps Script orqali Google Sheets'ga yozadi — har biri alohida varaqqa va tashrif buyuruvchi tili belgisi bilan, yashirin tuzoq-maydon va yuborish chastotasi cheklovi esa kapchasiz spamni to'sadi.
Texnik jihatdan bu Vite'da yig'ilgan, React va TypeScript'dagi bir sahifali ilova. Aylantirishdagi sahnalar GSAP ScrollTrigger'da ishlaydi va tizimning «harakatni kamaytirish» sozlamasini hisobga oladi. Uchala til versiyasi hreflang belgilari bilan o'z manzilida ochiladi, saytning o'zi esa Vercel'da joylashgan.
Birinchi ekranda kuzatuv va narx
Birinchi ekrandagi vidjetda ikkita tab bor: buyurtmani raqami bo'yicha kuzatish yoki narxni bilish uchun jo'natma identifikatorini yuborish. So'rov darhol qayd etiladi va jamoa tafsilotlarni yuboradi, App Store va Google Play tugmalari esa mobil ilova tez orada chiqishini ochiq aytadi.
Uchta xizmat — uchta sahna
Havo, dengiz va quruqlik orqali xalqaro yuk tashish, onlayn do'konlar uchun logistika va eshikdan eshikkacha yetkazish har biri katta surat, qisqa tavsif va chaqiruv tugmasi bilan raqamlangan sahna oldi. Tashrif buyuruvchi qaysi xizmat uning yukiga mosligini darhol ko'radi.
Kran ilgagidagi konteyner
Sahifa aylantirilganda brendlangan konteyner kran ilgagida ko'tariladi: sahna ekranda qotiriladi va GSAP yordamida aylantirishga bog'lanadi. Yonida kompaniya haqidagi video-tizer joylashgan, u modal oynada ochiladi va tashrif buyuruvchini sahifadan olib ketmaydi.
Jarayon va afzalliklar qisqacha
Narx so'rashdan eshik oldiga yetkazishgacha bo'lgan to'rtta bosqich suratlar va bosqichlar almashtirgichi bilan ko'rsatilgan. Afzalliklar akkordeoni to'liq logistika, aniq vaqtda yetkazish, bojxona rasmiylashtiruvi va shaxsiy menejerni to'rtta ixcham bandga jamlaydi.
Savollar va forma yonma-yon
Yuk turlari, yetkazish muddatlari, bojxona, kuzatuv, shikastlanish, ekologik variantlar va olib ketish vaqti haqidagi yettita savol ism, telefon, email va xabar maydonlari bor forma yonida turadi. Forma kamida bitta kontaktni so'raydi va har bir xatoni oddiy so'zlar bilan tushuntiradi.
Arizalar Google Sheets'ga tushadi
Kuzatuv so'rovlari, narx so'rovlari va xabarlar bitta jadvalning alohida varaqlariga sayt tili belgisi bilan tushadi. Yashirin tuzoq-maydon va qayta yuborish cheklovi botlarni to'sadi, tarmoq uzilsa esa tashrif buyuruvchi jim xato o'rniga tushunarli xabarni ko'radi.
Natijalar
Loyihaning asosiy natijalari raqamlarda.
- 3Til versiyalari
RU, UZ va EN uchun alohida manzillar qidiruv tizimlariga kerakli versiyani ko'rsatishga yordam beradi.
- 98/100Lighthouse bahosi
Og'ir animatsion sahnalarga qaramay, sahifa Lighthouse'da 100 dan 98 ball oldi.
- 5 kunBrifdan ishga tushirishgacha
Brifdan tayyor lendingni e'lon qilishgacha besh kun ketdi.
- 3Ariza kanallari
Kuzatuv, narx va aloqa so'rovlari jamoa jadvalining alohida varaqlariga tushadi.
Dizayn va interfeyslar
Loyihaning asosiy ekranlari va interfeyslari.
Loyiha texnologiyalari
Mijozning vazifasi uchun yechimni qurganimiz stek.
- Vercel
- TypeScript
- React
- GSAP
- 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.