Advin
Өндірістік маркетплейс интерфейстерінің дизайны.
Интерфейсті жобаладым
Менің үлесім — көрсетілген экрандар мен сценарийлер дизайны.
Міндет
Қызмет іздеу мен тапсырыстарға арналған түсінікті интерфейс құру.
Экрандар жобадағы менің үлесімді көрсетеді. Өнімнің басқа бөліктерін команда жасаған болуы мүмкін.
Талдау жобадағы бастапқы схемаларға, макет нұсқаларына және UI kit-ке негізделген. Әр материалды үлкейтуге болады. Бөлімдер шешімдердің байланысын түсіндіреді; бастапқы материалы жоқ сұхбат пен тестілеу кезеңі мәлімделмейді.
Үш рөл бір тапсырыстан әртүрлі жолмен өтеді
Тапсырысшы сұраныс құрып, ұсыныс таңдайды. Дизайнер бриф, концепция және файлдармен жұмыс істейді. Орындаушы бекітілген макетті өндіріске және жеткізуге өткізеді. Міндеттер ортақ тапсырыспен байланысқан бөлек схема мен интерфейсте берілген.
Тапсырысшы
Қызмет табу → параметр беру → ұсыныстарды салыстыру
Дизайнер
Бриф таңдау → концепция ұсыну → файл тапсыру
Орындаушы
Жауап беру → өндіру → нәтижені растау
Алдымен бөлімдер мен байланыс құрылымы
Файлда тапсырысшы құрылымының current және new карталары сақталған. Каталог, тапсырыс, хабарлама мен профиль байланысын жеке экрандарға дейін салыстыруға болады.
Беттер жиыны емес, тұтас сценарийлер
Схемалар әр рөлдің әрекет ретін және тармақтарын көрсетеді. Тапсырысшы тапсырыс құрып жүргізеді; дизайнер бриф пен келісуді, орындаушы өндіріс пен аяқтауды өтеді. Әр схеманы ашып қарауға болады.
Тапсырысшы жолы↗
Дизайнер жолы↗
Орындаушы жолы↗
Бастапқы файлдағы нұсқаларды салыстыру
Басты беттің бір нұсқасы бөлек бетте, соңғы десктоп нұсқа «Дизайн» бетінде. Салыстыру каталог, жұмыс мысалдары мен навигацияның орналасуын көрсетеді. Бұл A/B тест нәтижесі емес, интерфейс нұсқалары.
Бөлімдер бойынша толық дизайн жүйесі
Advin UI kit рөл түстерін, Golos Text шкаласын, батырма мен өрістерді, карточка, бейдж және навигацияны белгілейді. Нақты досқалар мен 20 бастапқы SVG белгіше көрсетілген.
Бөлімді таңда. Толық өлшемде көру үшін досқаны бас.
Үш рөлдің түстері
Golos Text және мәтін шкаласы
Батырмалар мен күйлер
Өрістер мен тексеру
Чиптер мен тегтер
Бейдждер мен күйлер
Әртүрлі нысан карточкалары
Навигация
Прогресс, хабарлама және күй
Бастапқы SVG белгішелер / 20 мысал
Қызмет таңдаудан тапсырысты бақылауға
Алдымен қызмет іздеу мен өнім параметрлері. Кейін макет дайындау жолы, техникалық тапсырманы тексеру және ұсыныстарды салыстыру. Орындаушы таңдалған соң хат алмасу мен тапсырыс күйлері жалғасады.
Бриф, концепция және нәтиже тапсыру
Дизайнер брифтер тізімі мен міндет егжей-тегжейін көреді. Концепциялардың келісу күйлері бөлек; файл тапсырудың жинақ талаптары бар.
4 экран · Толық көру үшін бас. Телефонда жанға сырғыт →
Өндірістің де интерфейсі бар
Орындаушы тапсырысқа жауап беріп, өндірісті жүргізеді, нәтижені фотомен растайды және жеткізуді рәсімдейді. Мазмұн өзгергенімен тапсырыс пен рөл контексті сақталады.
4 экран · Толық көру үшін бас. Телефонда жанға сырғыт →
Үлкен экрандағы сол міндеттер
Десктоп макеттері созылған мобильді бет емес: тұрақты навигация, жұмыс аймағы және қосымша дерек қайта бөлінген. Төменде тапсырысшы, дизайнер және орындаушы экрандары.
Жауап, бас тарту, прогресс және аяқталу
Жобада сәтті экрандармен бірге қабылданбаған жауап, файл жинағы және тапсырыс күйлері бар. UI kit мұны бейдж, хабарлама, индикатор және басқару нұсқаларымен қолдайды.
Жобаның сипаты
Нәтиже
Мобильді экрандар, навигация және әрекет сценарийлері. Менің үлесім — берілген Figma файлындағы экрандар дизайны.