Shop.co — kiyim onlayn do'koni dizayn konsepti
Shop.co Concept — shartli brenddagi kiyim onlayn do'koni dizayni: mahsulotlar ierarxiyasi, uslub bo'yicha tanlov va buyurtmagacha qisqa yo'l. Bosh sahifa yetti blok va narx hamda reytingli sakkizta kartochkadan iborat.
Vazifa
Shop.co Concept — dizayn konsepti: bu ishlayotgan do'kon emas va buyurtma asosida qilingan ish ham emas, maketlardagi brend va assortiment shartli. Biz erkaklar va ayollar uchun kundalik, rasmiy, bayram va sport kiyimlari onlayn do'konini loyihaladik: u obrazlar bilan ilhomlantiradi va shu bilan birga xaridorni vitrinadan buyurtma rasmiylashtirishgacha tez olib boradi.
Kiyim onlayn do'koni dizayni bir vaqtda ikki vazifani hal qiladi: obrazlar bilan ilhomlantirishi va shu bilan birga xaridgacha tez olib borishi kerak. Bu konseptda biz vitrina va qulaylik o'rtasidagi muvozanatni shartli Shop.co do'koni misolida izladik — haqiqiy brend, ombor va sotuvlarsiz, lekin xaridorning to'liq ssenariysi bilan.
Kiyim assortimenti ko'p qatlamli: yangi kelganlar, eng ko'p sotilganlar, chegirmadagi tovarlar, brendlar, uslublar va vaziyatlar. Hammasi bir vaqtda ko'rsatilsa, bosh sahifa ko'z ilashadigan hech narsa bo'lmagan ola-bula lentaga aylanadi. Aniq ierarxiya kerak edi: birinchi nimani, keyin nimani ko'rish va narsa yoqqanda qayerni bosish.
Mahsulot kartochkasi kiyim katalogidagi asosiy ishchi element. Unga qarab xaridor bir soniyada narsani ochishga arziydimi yoki yo'qmi, hal qiladi, shuning uchun unga surat, nom, narx, chegirma miqdori va boshqa xaridorlar fikri kerak. Bularning barchasi ixcham kartochkaga sig'ishi va istalgan lentada bir xil o'qilishi lozim.
Nihoyat, yoqqan narsadan buyurtmagacha bo'lgan yo'l. Katalog filtrlari, savat va rasmiylashtirish desktopda ham, telefonda ham qisqa bo'lib qolishi kerak: kichik ekrandagi har bir ortiqcha qadam yoki noqulay maydon odamning varaqni yopib qo'yish ehtimolini oshiradi.
Yechim
Bosh sahifani aniq ierarxiyali lenta sifatida qurdik: ro'yxatdan o'tish uchun taklif qatori, bitta tugmali yirik birinchi ekran, brendlar lentasi, «Yangi kelganlar», «Eng ko'p sotilganlar», uslub bo'yicha tanlov, sharhlar va yangiliklarga obuna. Har bir blok xaridorning bitta savoliga javob beradi va tushunarli harakat bilan tugaydi.
Kartochka narsani neytral fonda, nomini, baho bilan yulduzcha reytingini, narxini, chizib tashlangan eski narxini va chegirma nishonini ko'rsatadi, shuning uchun tovarlarni to'g'ridan-to'g'ri lentada solishtirish mumkin. Uslub bo'yicha tanlov filtrli katalogga olib boradi, u yerdan esa qisqa yo'l savat orqali mobil ekran uchun ham o'ylangan buyurtma rasmiylashtirishga o'tadi.
Konsept Figma'da takrorlanuvchi komponentlardan yig'ilgan: mahsulot va sharh kartochkalari, «tabletka» tugmalar, chegirma nishonlari, qidiruv va obuna maydonlari. Rangni kiyimlarning o'zi berishi uchun palitra oq-qora, kontrastli tipografiya esa — sarlavhalarda bosh harfli keng groteks va matnda vazmin shrift — uzun sahifa ritmini ushlab turadi.
Bitta tugmali birinchi ekran
Chapda bosh harflardagi yirik sarlavha, qisqa izoh va qora «Shop Now» tugmasi, o'ngda jinsi kurtkadagi juftlik surati joylashgan. Tugma ostida do'kon raqamlari qatori, sarlavha ustida esa ro'yxatdan o'tganlik uchun chegirma taklifi yozilgan yopiladigan qator bor.
Yangi kelganlar va xitlar
To'rttadan mahsulotli ikki lenta yangi tushumlar va eng ommabop narsalarni ko'rsatadi. Har bir lenta to'liq katalogga olib boradigan «View All» tugmasi bilan tugaydi, shuning uchun bosh sahifa ortiqcha yuklanmaydi, butun assortiment esa bir bosishda qoladi.
Solishtirish uchun kartochka
Narsa och kulrang fonda suratga olingan, ostida nomi, raqamli bahoga ega yulduzcha reyting, narx, chizib tashlangan eski narx va qizil chegirma nishoni. Barcha kartochkalar bir o'lchamda, shuning uchun narx va baholarni qator bo'ylab bir qarashda solishtirish oson.
Kiyimni uslub bo'yicha tanlash
«Browse by Dress Style» bloki turli kenglikdagi to'rtta foto-kartochkali bento-to'r sifatida yig'ilgan: kundalik, rasmiy, bayram va sport uslubi. Xaridor menyudagi kategoriyani emas, vaziyatni tanlaydi va darhol mos to'plamga tushadi.
Sharhlar va obuna
Sharhlar karuseli baho, tasdiqlangan xaridorning yashil belgisi bilan ism va matnni ko'rsatadi, chetki kartochkalar esa ekran chetidan chiqib, varaqlash mumkinligiga ishora qiladi. Pastda pastki qismga yarmi kirib turadigan e-mail maydonli qora obuna bloki joylashgan.
Buyurtmagacha qisqa yo'l
Mahsulotlar qidiruvi, savat va profil ikonkalari doim sarlavhada, filtrli katalog, savat va buyurtma rasmiylashtirish esa mobil ekranni hisobga olib ishlab chiqilgan. Pastki qismda yordam, yetkazib berish, buyurtmalar va to'lovlar jamlangan, to'lov tizimlari belgilari esa qanday to'lash savolini yopadi.
Natijalar
Loyihaning asosiy natijalari raqamlarda.
- 8Bosh sahifadagi kartochkalar
«Yangi kelganlar» va «Eng ko'p sotilganlar» lentalarida narx, reyting va chegirma nishoni bilan to'rttadan narsa.
- 4Tanlov uchun uslublar
Kundalik, rasmiy, bayram va sport — kategoriya nomi bo'yicha emas, vaziyat bo'yicha tanlov.
- 7Bosh sahifa bloklari
Birinchi ekran, brendlar, yangi kelganlar, xitlar, uslublar, sharhlar va obuna xarid qarori tartibida keladi.
- 12 kunKonsept ustida ish
Do'kon tuzilmasi, komponentlar va Figma'dagi maketlarga o'n ikki kun ketdi.
Dizayn va interfeyslar
Loyihaning asosiy ekranlari va interfeyslari.
Loyiha texnologiyalari
Mijozning vazifasi uchun yechimni qurganimiz stek.
- Figma
O'xshash keyslar
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.