ProAuto — avtotovarlar do'koni sayti konsepti
ProAuto Concept — konsept shaklidagi avtotovarlar do'koni sayti dizayni: akkumulyatorlar, moylar, sarf materiallari va servis bir lentaga jamlangan bosh sahifa. Yetti bo'lim, kategoriya foto-plitkalari va qizil-grafit vizual tilni ishlab chiqdik.
Vazifa
ProAuto Concept — bizning dizayn konseptimiz, mijoz buyurtmasi ham, ishlayotgan do'kon ham emas. Maket avtotovarlar onlayn do'konining bosh sahifasi qanday bo'lishi mumkinligini ko'rsatadi: akkumulyatorlar, motor moylari, sarf materiallari, avtokimyo va aksessuarlar hamda maslahat, diagnostika va eski akkumulyatorni almashtirish kabi xizmatlar. Sahifa tovar va maslahat izlayotgan avtomobil egalariga mo'ljallangan.
Bu konseptda biz faqat tovar emas, balki tanlashda yordamni ham sotadigan avtotovarlar do'koni sayti dizayni qanday bo'lishi mumkinligini izladik. Bunday do'kon assortimenti keng va xilma-xil — akkumulyatorlar, motor moylari, sarf materiallari, avtokimyo, aksessuarlar, — bosh sahifa esa bir necha soniyada bu yerda nima borligini va nimadan boshlash kerakligini ko'rsatishi lozim.
Akkumulyator yoki moy kamdan-kam hollarda rasmga qarab tanlanadi: avtomobil egasi tovar mashinasiga mos kelishiga ishonchi komil emas va mutaxassisdan so'ramoqchi. Demak, maslahat, diagnostika va eski akkumulyatorni almashtirish ichki bo'limlarda yo'qolib ketmasdan, bosh sahifada katalog yonida turishi kerak.
Dvigatellar, moylar, asboblar va avtoservis suratlari o'z-o'zidan yorqin, rangi va yorug'ligi turlicha. Interfeysga bu suratlarni yagona tizimga yig'adigan, texnik ko'rinadigan va tovar bilan raqobatlashmaydigan vazmin hamda taniqli vizual til kerak edi.
Bundan tashqari, konsept bir vaqtning o'zida ikki ssenariyni qo'llab-quvvatlashi kerak edi. Ba'zi xaridorlar tovarni o'zlari topib savatga solishga tayyor, boshqalari esa ularga qo'ng'iroq qilib yordam berishlarini xohlaydi. Sahifa istalgan ekrandan ikkala harakatga ham olib borishi, shu bilan birga litsenziyalar, hamkorlar, rekvizitlar, vakansiyalar, aksiyalar va maqolalar kabi xizmat bo'limlarini yo'qotmasligi lozim.
Yechim
Bosh sahifani taklifdan servisgacha bo'lgan yo'l sifatida qurdik: slayder, afzalliklar qatori, kategoriyalar plitkasi, xizmatlar, kompaniya haqida hikoya, yangiliklar va hamkorlar lentasi. Qorong'i va yorug' bo'limlar almashinib keladi, shuning uchun uzun sahifa bloklar bo'yicha o'qiladi, qizil urg'ular esa nigohni tugmalarga yo'naltiradi.
Avtomobil egasi asosiy narsani darhol ko'radi: naqd va naqdsiz to'lov, texnik yordam, tekshirilgan mahsulot va 9:00 dan 18:00 gacha ish vaqti. Kategoriyalar yirik foto-plitkalar bilan ochiladi, uchta xizmat esa nega aynan shu yerdan xarid qilish kerakligini tushuntiradi. «Qo'ng'iroq buyurtma qilish» tugmasi, qidiruv va savat doim sarlavhada, pastki qism esa navigatsiyani to'rt ustunda takrorlaydi.
Maket Figma'da takrorlanuvchi elementlardan iborat desktop bosh sahifa sifatida yig'ilgan: qizil hoshiyali tugmalar, burchaklari qiya kesilgan ramkalardagi ikonkalar, ostida qizil chiziqli sarlavhalar, sana va strelkali yangilik kartochkalari. Umumiy elementlar sahifani yaxlit qiladi va konseptni ishlaydigan maketga o'tkazishni osonlashtiradi.
Asosiy taklifli slayder
Birinchi ekranni to'rt slaydli karusel egallaydi: qizil-qora tusdagi motor bo'limi surati fonida ishonchli akkumulyatorlar haqida yirik sarlavha va qizil hoshiyali tugma. Pastdagi chiziqli indikatorlar aylanishda nechta taklif borligini ko'rsatadi.
Do'konning to'rt afzalligi
Slayder ostida chiziqli ikonkalar bilan to'rt banddan iborat qator joylashgan: naqd va naqdsiz to'lov, texnik yordam va maslahat, faqat tekshirilgan mahsulot hamda 9:00 dan 18:00 gacha aloqa. Birinchi band burchagi qiya kesilgan qizil plashka bilan ajratilgan.
Avtotovarlar kategoriyalari plitkasi
«Avtotovarlar: aksessuarlar, sarf materiallari va boshqalar» bo'limi uchga ikki to'rdagi oltita yirik foto-plitkadan tuzilgan. Kursor olib borilganda plitka qorayadi, kategoriya nomi va tugmani ko'rsatadi — maketda bu holat «Akkumulyatorlar» plitkasida ko'rsatilgan.
Tovarlar yonidagi xizmatlar
«Xizmatlar» bloki bosh sahifaga mutaxassisning bepul maslahati, eski akkumulyatorni yangisiga chegirma bilan almashtirish va bepul diagnostikani olib chiqadi. Firma ramkalaridagi ikonkalar va qizil uchburchaklar fonidagi planshetli usta surati servisni ikkinchi darajali emas, balki ko'zga tashlanadigan qiladi.
Kompaniya, yangiliklar va hamkorlar
«Kompaniya haqida» bo'limi avtoservis fonida portret, qisqa matn va tugmani birlashtiradi. Undan keyin sana, sarlavha va strelkali uchta yangilik kartochkasi, barcha yangiliklarga o'tish tugmasi va strelkali hamkorlar logotiplari karuseli keladi.
Qizil-grafit vizual til
Qora va grafit fon, qizil urg'ular, plashka va ramkalarning qiya kesilgan burchaklari, dekorativ uchburchaklar va ostida qizil chiziqli bosh harflardagi sarlavhalar barcha bo'limlarda takrorlanadi. Yuqoriga va pastga aylantirish tugmalari uzun sahifa bo'ylab harakatlanishga yordam beradi.
Natijalar
Loyihaning asosiy natijalari raqamlarda.
- 7Bosh sahifa bo'limlari
Slayder, afzalliklar, kategoriyalar, xizmatlar, kompaniya haqida, yangiliklar va hamkorlar sarlavha bilan pastki qism orasida.
- 6Kategoriya foto-plitkalari
Yirik plitkalar katalog bo'limlariga olib boradi va kursor olib borilganda nom hamda tugmani ko'rsatadi.
- 3Bosh sahifadagi xizmatlar
Mutaxassis maslahati, eski akkumulyatorni almashtirish va diagnostika tovarlar bilan yonma-yon turadi.
- 10 kunKonsept ustida ish muddati
Sahifa tuzilmasi, vizual til va Figma'dagi maket o'n kun davom etdi.
Dizayn va interfeyslar
Loyihaning asosiy ekranlari va interfeyslari.
Loyiha texnologiyalari
Mijozning vazifasi uchun yechimni qurganimiz stek.
- Figma
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.