• Интернет-дүкен
  • UX/UI дизайны
  • Әзірлеу

CashPro.
Назарда — техника

Смартфон каталогы мен жеке Trade-in бөлімі бар сайт: ұсыныспен танысудан құрылғы таңдауға дейін.

Жобаны талқылау
CashPro мобильді нұсқасы
Клиент
CashPro
Сала
Техника каталогы
ABC жұмысы
Толық циклді әзірлеу
Формат
Интернет-дүкен

Жобаның міндеті

Техниканы көрсету ғана емес. Таңдауға көмектесу

Электроника сатып алуға тартымды фотосурет жеткіліксіз. Келушіге ассортимент, құрылғының күйі, сипаттамалары және дүкеннің түсінікті қосымша мүмкіндіктері қажет.

Біз брендпен танысуды келушінің нақты әрекеттерімен байланыстырдық. Ақпараттық бөлімдер мен пайдаланушы сервистерінің ортақ құрылымда өз орны бар.

ABC Design дизайн мен әзірлеуді орындады. Бұл кейсте жобаның визуалды жүйесі мен негізгі пайдалану сценарийлерін көрсетеміз.

Үш міндет — үш түсінікті жол

Өз мақсатыңыздан бастап, қажетті бөлімге өтіңіз.

Құрылғы табу

Құрылғы табу

Каталог техниканы жинақтап, бірізді таңдауға көмектеседі.

Каталог · Құрылғылар
Ұсынысты зерттеу

Ұсынысты зерттеу

Сайтта дүкеннің тауарлық және сервистік ұсыныстары қатар берілген.

Карточкалар · Сипаттамалар
Техниканы айырбастау

Техниканы айырбастау

Trade-in құрылғы иесіне арналған жеке жол ретінде бөлінген.

Trade-in · Айырбастау

Тұжырымдама және визуалды тіл

Техника ірі планда

CashPro-ның айқын тауар суреттері мен жасыл екпіндері танымал стиль қалыптастырады. Ірі баннерлер дүкен ұсыныстарын түсіндіреді, ал карточкалар мен каталог құрылғы таңдауға назар аудартады.

CashPro жобасының визуалды тілі
CashPro жобасының визуалды тілі
Біртұтас визуалды тіл

Алғашқы танысудан
келесі әрекетке дейін

Визуалды жүйенің бөлшектері

Жалпы әсер ұсақ бөлшектерден құралады

Әр тәсілдің ортақ тарихта өз міндеті бар.

CashPro жобасының визуалды тіліТүс · Бейне · Композиция

Алғашқы әсер

Ірі визуалды екпін брендтің сипатын таныстырады. Типографика мен суреттер басты ойға назар аудартады.

CashPro жобасының визуалды тіліҚұрылым · Екпін · Иерархия

Бірізді ырғақ

Ақпараттық және эмоциялық блоктар кезектесіп отырады. Келуші танысудан өзіне қажетті тақырыпқа біртіндеп өтеді.

CashPro жобасының визуалды тіліСуреттер · Типографика · Түс

Материалдардың ортақ сипаты

Фотосуреттер, заттық графика және интерфейс үйлесімді жүйеге біріктірілген. Бөлшектер сайттың жалпы стилін толықтырады.

Құрылым және ұсыну тәсілі

Әсерден —
мазмұнға

CashPro-ның айқын тауар суреттері мен жасыл екпіндері танымал стиль қалыптастырады. Ірі баннерлер дүкен ұсыныстарын түсіндіреді, ал карточкалар мен каталог құрылғы таңдауға назар аудартады.

Смартфон таңдау оның сипаттамалары мен нақты ұсынысқа негізделеді. Каталог пен тауар карточкалары құрылғыларды салыстырып, қолайлысына өтуге көмектеседі.

CashPro сайтының үзіндісі
Визуалды жүйе ішкі беттерде де жалғасады.
CashPro сайтының үзіндісі
Техниканы айырбастауға жеке жол қарастырылған.
CashPro сайтының үзіндісі
Сайттың визуалды стилінен алынған үзінді.

Мобильді нұсқа

Сол сипат.
Басқа өлшем

Визуалды жүйе шағын экранда да жалғасады.

Мазмұн тік айналдыруға бейімделеді. Суреттердің пропорциясы, ал тақырыптар мен әрекет түймелерінің иерархиядағы орны сақталады.

Әр экран жобаның ортақ визуалды тілін жалғастырады.

CashPro мобильді экраны
Дербес сценарий
CashPro мобильді экраны
Үйлесімді иерархия

Сайт сценарийлері

Әр бөлшегі маңызды каталог

Смартфон таңдау оның сипаттамалары мен нақты ұсынысқа негізделеді. Каталог пен тауар карточкалары құрылғыларды салыстырып, қолайлысына өтуге көмектеседі.

Техникасын айырбастағысы келетін келушілерге жеке бет қарастырылған. Бұл сценарий әдеттегі тауар іздеуден өзгеше болғандықтан, жеке тәсілмен ұсынылған.

Интерфейс келушінің нақты міндетін шешуге көмектесіп, сайттың ортақ құрылымымен байланысын сақтайды.

CashPro жобасының жұмыс сценарийі
CashPro экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.
Пайдаланушының міндеті

Керегін табу.
Егжей-тегжейін білу.
Әрекетті жалғастыру.

Жалпы түсініктен — егжей-тегжейге

Келушінің жолында әр бөлімнің өз міндеті бар.

CashPro жобасының жұмыс сценарийі
Танысу

Әр бөлшегі маңызды каталог

Смартфон таңдау оның сипаттамалары мен нақты ұсынысқа негізделеді. Каталог пен тауар карточкалары құрылғыларды салыстырып, қолайлысына өтуге көмектеседі.

CashPro жобасының жұмыс сценарийі
Толығырақ

Trade-in — пайдаланушының жеке жолы

Техникасын айырбастағысы келетін келушілерге жеке бет қарастырылған. Бұл сценарий әдеттегі тауар іздеуден өзгеше болғандықтан, жеке тәсілмен ұсынылған.

Сайттағы навигация мен байланыс
Пайдаланушы жолының жалғасы

Түсінікті келесі қадам

Ақпарат пен навигация бір-біріне қатысы жоқ беттерден іздемей-ақ, жобамен танысуды жалғастыруға көмектеседі.

Экрандарды толығырақ қарау
CashPro жобасының жұмыс сценарийі
CashPro экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.
CashPro жобасының жұмыс сценарийі
CashPro экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.

Дизайнның қолданысы

Дербес бөлімдер.
Біртұтас интерфейс тілі

Әртүрлі міндеттер бөлек беттерде ашылады. Ортақ навигация мен үйлесімді стиль оларды бір сайтқа біріктіреді.

Әр бөлшегі маңызды каталог — CashPro
Әр бөлшегі маңызды каталог. Экранды ноутбук макетінің ішінде айналдыруға болады.

Сценарийлер арасындағы байланыс

Бір құрылым.
Әртүрлі кіру нүктелері

Эмоциялық таныстырылым мен егжей-тегжейлі материалдар әртүрлі міндет атқарғанымен, ортақ құрылым аясында өзара байланысады.

CashPro экраны. Ұзын суретті айналдыруға немесе бөлек ашуға болады.CashPro сайтының құрылымы
Брендпен танысуБейне және негізгі ақпаратНақты міндетТолық мәлімет және келесі қадам

Жұмыс нәтижесі

Тауар мен сервисті біріктіретін дүкен

CashPro интерфейсінде техника каталогы, тауар ақпараты және жеке Trade-in сценарийі жинақталған. Сатып алушы дүкен ұсынысымен өз міндеті арқылы танысады.

CashPro жобасындағы жұмыс нәтижесі
Визуалды жүйе

Техника ірі планда

CashPro-ның айқын тауар суреттері мен жасыл екпіндері танымал стиль қалыптастырады. Ірі баннерлер дүкен ұсыныстарын түсіндіреді, ал карточкалар мен каталог құрылғы таңдауға назар аудартады.

CashPro жобасындағы жұмыс нәтижесі
Жұмыс сценарийлері

Әр бөлшегі маңызды каталог

Смартфон таңдау оның сипаттамалары мен нақты ұсынысқа негізделеді. Каталог пен тауар карточкалары құрылғыларды салыстырып, қолайлысына өтуге көмектеседі.

Міндетіңізді талқылайық

Келесі жобаңыз

Нені өзгерткіңіз келетінін айтыңыз. Командаңызға арналған сайт пен цифрлық құралдарды талқылайық.

Жобаны WhatsApp арқылы талқылау
↑