Feysal
B2B uskunalar do'koni va uning buyurtmalarini sotadigan hamda yetkazadigan odamlar uchun yagona dizayn tizimi.
Ilova o'zi boshlangan UI kitdan o'sib chiqqan edi
Feysal o'z omboridan kompaniyalarga uskuna sotadi va yetkazadi. Birinchi ilova oddiy UI kit asosida qurilgan edi. Vaqt o'tib shriftlar aralashib ketdi, ranglar qo'lda yozildi, bitta komponent har bo'limda boshqacha ko'rinardi.
Har bir yangi ekran ko'proq vaqt olardi, chunki hech narsani ishonch bilan qayta ishlatib bo'lmasdi.
Taxminan 3 900 ta rang xususiyati stilga bog'lanmasdan qo'lda kiritilgan edi.
Redizayndan oldin audit
Faylning har bir sahifasini ko'rib chiqib, har bir ekran aslida nimadan foydalanishini yozib chiqdim: ranglar, shrift o'lchamlari, tugma shakllari, ikonkalar. Audit noaniq «tartibsizdek» degan gapni nima qoladi, nima birlashadi, nima olib tashlanadi degan aniq ro'yxatga aylantirdi.
Yamash, tayyorini olish yoki qayta qurish
v2.0 uchun uch yo'lni solishtirdim. Hal qiluvchi omil — birinchi hafta narxi emas, keyingi ish tezligi.
Tizimni Untitled UI Pro asosida noldan qayta qurish: Feysal'ning o'z ranglari, Onest shrifti va Hugeicons bilan. Sinalgan komponentlar, lekin mahsulot o'z qiyofasini saqlaydi.
Ekranda ko'rinadigan qarorlar
- 1
«To'langan» uchun alohida yashil
«To'langan» holati uchun alohida muvaffaqiyat rangi — u brend elementi bilan adashtirilmaydi.
- 2
UZ va RU uchun bitta shrift
Onest lotin va kirillni qo'llaydi, shuning uchun ikkala til ham birdek tugal ko'rinadi.
- 3
Bitta tizim, ikkinchi ilova
Agentlar va kuryerlar uchun ichki ilova o'sha tokenlar va komponentlardan foydalanadi.
Tizim raqamlarda
Birinchi versiya eski ilovani tartibga keltirdi. Ikkinchisi poydevorni qayta qurdi — endi ikkala ilova bitta manbadan o'sadi.
#1D7C4D#E08A00#0E3B47Nima o'zgardi
Mijoz ilovasi hamda agent va kuryerlar ilovasi uchun yagona manba. Yangi ekranlar noldan chizilmaydi, mavjud komponentlardan yig'iladi.
Avval poydevor, keyin ekranlar
[Qoralama] Qayta qurish boshida ko'proq vaqt oldi, lekin keyingi har bir ekran tezroq bo'ldi. Keyingi safar bitta komponent chizishdan oldin token nomlarini dasturchilar bilan kelishib olardim.