Նախագծել և մշակել եմ սպասարկման կենտրոնների արտադրանք՝ հաճախորդի ամրագրում, վարպետի աշխատանքային միջավայր և երկու թեմայով ընդհանուր դիզայն համակարգ։
Այս քեյսում
ROMARO-ն նախագծված է նախ և առաջ սմարթֆոնի համար։ Քեյսում ներկայացված են իմ ներդրումը, հաճախորդի ուղին՝ ծառայության ընտրությունից մինչև հայտի ուղարկումը, վարպետի աշխատանքային բաժինն ու դիզայն համակարգը։ Սկզբում՝ երկու թեմաներով շարժական գլխավոր էջերը, ապա՝ համակարգչի համար հարմարեցումը։ Գունապնակը, տառատեսակները, բաղադրիչներն ու վիճակները բացահայտում են միջերեսի ընդհանուր հիմքը։ Վերջում՝ աշխատանքի արդյունքը։
Արտադրանքը և խնդիրը
ROMARO-ն սպասարկման կենտրոնների վեբ հավելված է՝ նախագծված նախ և առաջ սմարթֆոնի համար։ Հաճախորդին պետք է հեռախոսով գտնել ծառայություն և պայմանավորվել այցի մասին։ Վարպետին՝ ստանալ սարքը հստակ տեղեկություններով և վարել վերանորոգումը։ Արտադրանքը կապում է այս գործողությունները մեկ շարունակական գործընթացի մեջ։
Ես ինքնուրույն նախագծել և մշակել եմ հաճախորդի միջերեսն ու աշխատանքային բաժինը՝ կառուցվածքը, ձևերը, բաղադրիչները, փոխազդեցությունները և երկու տեսողական թեմաները։ Հաճախորդի սցենարների հիմքում շարժական միջերեսն է, իսկ համակարգչային տարբերակը պահպանում է նույն տրամաբանությունը։
Repair-ը չեզոք մուգ թեմա է։ Hatiko-ն պատրաստի բրենդային ինքնության բաց ադապտացիա է։ Իմ ներդրումը Hatiko-ում արտադրանքի ընդհանուր տրամաբանությունն այդ բրենդի տեսողական լեզվով արտահայտելն է։
Բջջային տարբերակ
Մուգ շարժական գլխավոր էջ՝ այցի ամրագրման մեկնարկով և արագ գործողություններով։ Ներքևի ամրացված նավիգացիան բացում է հիմնական բաժինները։
Դեպի հայտի ուղին
Ուղին սկսվում է ծառայությունից։ Ընտրությունը ձևին փոխանցում է սարքն ու խնդիրը, որպեսզի հաճախորդը նորից չմուտքագրի դրանք։ Անհայտ անսարքությունը կարելի է նկարագրել սեփական բառերով։
Որոշումների մասին
Հաջորդական ձևը կենտրոնանում է մեկ հարցի վրա՝ սարքի համատեքստ, ընդունման ժամ, կոնտակտ և հաստատում։ Հիմնական գործողությունը ներքևում է, սխալը՝ համապատասխան դաշտի կողքին։ Վերջին քայլի ամփոփումը օգնում է ստուգել ընտրված տվյալները։
Ժամը համապատասխանում է մասնաճյուղի գրաֆիկին և նշանակում է կենտրոն այցելելը, ոչ թե վերանորոգման ավարտը։ Պահպանումից հետո հաճախորդը ստանում է հաստատում, իսկ այցը հայտնվում է աշխատանքային բաժնում։ Վերանորոգումն սկսվում է առանձին՝ սարքի ընդունման ժամանակ։
Ընտրել ծառայությունը
Կատեգորիան, գինն ու ամրագրումը կողք կողքի են։ Ընտրված ծառայությունը համատեքստը փոխանցում է ձևին։
Վարպետի աշխատանքային միջավայրը
Ընդունումը միավորում է լուսանկարը, սարքի նկարագրությունը, կոնտակտը, մասնաճյուղը և պատասխանատուին։ Վարպետը ստանում է աշխատանքային համատեքստը, ապա վարում վերանորոգման փուլերն ու արժեքը։ Քարտը պահպանում է սարքի կապը գործողությունների պատմության հետ։
Որոշումների մասին
Ներդիրները բաժանում են ակտիվ, մուտքային, փոխանցված և ավարտված վերանորոգումները։ Հաճախորդի մեկնաբանությունն ու թիմի հաղորդագրությունն առանձին դաշտեր են․ լսարանը պարզ է մինչև պահպանումը, իսկ ներքին քննարկումը մնում է աշխատանքային բաժնում։
Մյուս մասնաճյուղ փոխանցումը բաղկացած է ուղարկելուց և ստացման հաստատումից։ Պատասխանատվությունը փոխվում է հստակ․ ստացողը շարունակում է աշխատանքը, իսկ նախկին մասնաճյուղը պահպանում է պատմությունը։
Աշխատանք՝ հստակ համատեքստով
Քարտերը ցույց են տալիս սարքն ու ընթացիկ փուլը, ներդիրները բաժանում են հերթերը։ Սարքի ընդունումը աշխատանքային ցանկի կողքին է։
Դիզայն համակարգ
Երկու թեմաներն ունեն ընդհանուր դերեր և կանոններ։ Ֆոնը, տեքստը, քարտը, գործողությունը, եզրագիծը, ֆոկուսն ու արձագանքն ունեն իրենց նշանակությունը։ Բաղադրիչները ստանում են թեմայի արժեքները՝ պահպանելով հասկանալի վարքը։
Որոշումների մասին
Հիմնական տարրերը կազմում են ամրագրման ձևեր, վերանորոգման քարտեր և աշխատանքային էկրաններ։ Դրանց համար նախատեսված են ընտրության, սպասման, սխալի, անհասանելի գործողության և հաջողության վիճակներ։
Ստորև՝ տարրերի և դրանց համադրությունների նմուշները։ Թեմայի փոխարկումը ցույց է տալիս, թե ինչպես է նույն կառուցվածքն աշխատում մուգ Repair-ում և բաց Hatiko-ում։
Տառատեսակներ և ձև
Repair-ը օգտագործում է Manrope Variable։ Hatiko-ում միջերեսը՝ Aktiv Grotesk, բրենդային վերնագրերը՝ Mabry Pro։ Հիմնական տեքստը 16 px է, քայլի վերնագիրը՝ 30 px։ Կլորացումներն ու բացատները տարբերակում են դաշտը, քարտը և էկրանը։
Հեռախոսից մինչև աշխատանքային էկրան
Հեռախոսում ձևը կենտրոնանում է ընթացիկ քայլի վրա, քարտերը դասավորված են մեկ սյունակում։ Լայն էկրանն ունի տարածք ցանկի ու մանրամասների համար։ Ստորագրությունները, տեղային սխալներն ու տեսանելի ֆոկուսն օգնում են կողմնորոշվել։
Բաղադրիչների նմուշներՍեղմեք, ընտրեք, գրեք․ նմուշներն աշխատում են։
Կոճակներ և գործողություններ
Տարբեր առաջնահերթություններ, միասնական լեզու։
Դաշտեր և ստուգում
Պիտակ, հուշում և հասկանալի սխալ։
Ընտրություն և անջատիչներ
Նշատուփ, անջատիչ և ընտրացանկ։
Ներդիրներ և ընտրացանկ
Համատեքստը մոտ է գործողությանը։
Վերանորոգման հիմնական տեղեկությունները։
Քարտ և փուլեր
Վիճակը տեսանելի է առանց քարտը բացելու։
- Ընդունված
- Ախտորոշում
- Ընթացքի մեջ
- Պատրաստ
Երկխոսություն և հուշում
Լրացուցիչ քայլ՝ համատեքստի պահպանմամբ։
Փոխեք նմուշների մուգ և բաց թեմաները։
Գույներն ըստ նշանակության
12 դեր կապում է կոճակները, դաշտերը, մակերեսներն ու հաղորդագրությունները։
- Ֆոն
- #090B0B
- Տեքստ
- #F1F2F1
- Քարտ
- #191C1C
- Հիմնական գործողություն
- #F1F3F2
- Գործողության տեքստ
- #101312
- Երկրորդ մակերես
- #272C2B
- Երկրորդական տեքստ
- #A3AAA8
- Քարտի եզր
- #343938
- Դաշտի եզր
- #4C5351
- Ֆոկուս
- #BCC6C1
- Սխալ
- #FF8697
- Զգուշացում
- #EED2A2
Տպագրություն
Գրանցվել վերանորոգման
Ընտրեք սարքն ու հարմար ժամը։
Դաշտի պիտակ14 / 600
Հիերարխիան ցուցադրված է Manrope-ով։
Ձև և ռիթմ
Կլորացումներ
Բացատներ
Հաջողություն
Փոփոխությունները պահպանված են։
Սխալ
Տվյալները չբեռնվեցին։ Կրկին փորձեք։
Դատարկ վիճակ
Նոր գրառումը կհայտնվի այստեղ։
Բեռնում
Ստանում ենք տվյալները…
Շարունակելուց առաջ ստուգեք ընտրությունը։
Այստեղ ցուցադրված են միջերեսի վիճակները։
Արդյունքը
ROMARO-ն հաճախորդի ամրագրումն ու թիմի աշխատանքը միավորում է գործող արտադրանքում։ Ես նախագիծը հասցրել եմ սցենարների կառուցվածքից մինչև միջերես և մշակում․ ծառայությունները փոխանցվում են ամրագրմանը, այցը՝ աշխատանքային բաժնին, իսկ ընդունումը ստեղծում է վերանորոգման համատեքստը։ Ընդհանուր դիզայն համակարգը կապում է ձևերն ու աշխատանքային էկրանները՝ պահպանելով երկու ինքնուրույն տեսողական լեզու։ Արտադրանքն օգտագործում են իրական հաճախորդներ։