Կահույքի առցանց խանութի դիզայն՝ զրոյից. պատվիրատուի բրիֆինգից և առաջին էջի հաստատումից մինչև համակարգչային ու բջջային մակետներ, UI kit և փոխանցում ծրագրավորողներին։
Այս նախագծում
Բրիֆինգից մինչև առաջին էջի հաստատում
Sirius Art նոր առցանց խանութի դիզայնը մշակել եմ Figma-ում։ Սկսել եմ բրիֆինգից՝ հստակեցնելով պատվիրատուի ցանկությունները, էջերի ցանկը և ապրանքային կատալոգի ծավալը։ Կայքի դիզայնով զբաղվել եմ ինքնուրույն, իսկ լոգոտիպն ու կահույքի լուսանկարները տրամադրել է պատվիրատուն։
Որոշումների մասին
Նախ պատրաստել եմ առաջին էջը և համաձայնեցրել պատվիրատուի հետ։ Տեսողական ուղղությունը հաստատելուց հետո մշակել եմ մնացած էջերը, բջջային տարբերակներն ու միջերեսի վիճակները։
Գլխավոր էջը համակարգչում
Կահույքի խոշոր պատկերներն ու ինտերիերի լուսանկարները ձևավորում են խանութի տեսքը։ Գլխավոր էջում հավաքված են առաջարկները, հայտնի ապրանքներն ու կատալոգի հղումները։
Կահույքի ընտրություն
Կատալոգն ու ապրանքի էջը ներկայացնում են ընտրության երկու փուլ՝ նախ առանձնացնել համապատասխան կահույքը, ապա ուսումնասիրել պատկերները, նկարագրությունն ու տարբերակները։ Երկուսի համար էլ պատրաստել եմ համակարգչային և բջջային դասավորություն։
Կատալոգը համակարգչում
Կատեգորիաներն ու զտիչները տեղադրված են կողային սյունակում։ Դրանց կողքին ապրանքների ցանցն է՝ որոնմամբ, դասավորմամբ, գներով և ընտրյալների ու զամբյուղի գործողություններով։
Զամբյուղ և պատվերի ձևակերպում
Զամբյուղի էջում միավորել եմ ընտրված ապրանքներն ու պատվերի ձևը։ Մակետներում նախատեսված են ապրանքների նշում, հեռացում, ընտրյալներ, կապի տվյալներ և առաքման հասցե։
Պատվերը համակարգչում
Ապրանքների ցանկը ձախ կողմում է, ձևն ու ընդհանուր գումարը՝ աջ։ Նախատեսված են նաև բոլոր ապրանքների ընտրությունն ու զամբյուղի մաքրումը։
Միասնական տեսողական լեզու
Դիզայնի հիմքում սպիտակ ֆոնն է, սև շեշտադրումները, բարակ գծերն ու կահույքի պատկերները։ Ընկերության էջը նույն մոտեցումը շարունակում է ինտերիերի լուսանկարներով։
Որոշումների մասին
Կրկնվող տարրերի համար հավաքել եմ UI kit և մշակել դրանց վիճակները՝ կոճակների ու պատկերակների տարբերակներ, դաշտերի սխալներ, մենյուներ, որոնում, զտիչներ և ծանուցումներ։
Ընկերության մասին
Տեքստային բաժիններն ու ինտերիերի լուսանկարները ներկայացնում են բրենդը՝ խանութի հիմնական էջերի հետ նույն տեսողական համակարգում։
Արդյունք
Պատվիրատուն ընդունել է մակետները և փոխանցել ծրագրավորողներին։ Պատրաստված դիզայնի հիման վրա խանութը հետագայում կառուցվել է Tilda-ում։ Իմ աշխատանքն ընդգրկել է բրիֆինգը և կայքի դիզայնը՝ համակարգչային ու բջջային էջեր, UI kit և միջերեսի վիճակներ։