00
Readhue
Мобилно приложение за четене, което свързва откриването на книги с личните предпочитания, настроението и музиката. Проектът обединява потребителски потоци, детайлен UI и визуална идентичност, изградена около четенето.
Очаквайте скоро
Nutrimax
Ясно пазаруване с отличителна визуална идентичност.
Дизайн на десктоп онлайн магазин за българския пазар на спортни храни, който свързва откриването на продукти, избора на вариант и прегледа на количката чрез последователен интерфейс.
01 / КОНТЕКСТ
Бриф
Създаване на визуалната идентичност на Nutrimax и десктоп пазаруването в мултибранд каталог със спортни храни.
Моят принос обхвана идентичността на бранда, ключовите страници за пазаруване, информационната йерархия и преизползваемите UI компоненти. Свързах ги в последователно преживяване — от откриването на продукти до избора на вариант и прегледа на количката.
02 / ПРОБЛЕМЪТ
Проблем
Мултибранд каталогът събира на едно място различни имена на продукти, разфасовки, вкусове и промоционални цени. Интерфейсът имаше нужда от ясна йерархия за разглеждане на опциите и оценяване на конкретен продукт.
03 / ПРЕДИЗВИКАТЕЛСТВОТО
Предизвикателството
Брандът трябваше да е ярък и отличителен, а контролите за пазаруване — предвидими. Тъмносиньото и виолетовото трябваше да съжителстват с пъстрите опаковки и розовите акценти, а дългите надписи на български и вариантите на продуктите да останат четими.
04 / РЕШЕНИЕТО
Решението
Свързах идентичността на бранда със структурирано пазаруване: разгледай асортимента, стесни избора, избери вариант и прегледай количката. Три дизайн решения оформиха това преживяване.
Всяка страница с ясна задача.
Началната страница представя промоциите и избраните продукти, а каталогът позволява по-фокусирано разглеждане чрез филтри, сортиране и активни избори.
Дадох на тези страници различни приоритети, така че промоционалното съдържание да привлича внимание, без да се конкурира с контролите за стесняване на избора и сравняване на продукти.
Изборът — близо до цената.
На продуктовата страница разфасовката, вкусът, количеството и бутоните за покупка стоят заедно до цената. Така детайлите на покупката са на едно място, докато човек избира вариант.
Допълнителната информация следва отделна йерархия и дава възможност продуктът да бъде оценен, без контролите за избор да се отделят от действието, което подпомагат.
Потвърди избора.
Количката пренася избраните разфасовка, вкус, количество и цена в следващата стъпка. Видимите детайли позволяват последна проверка и дават ясно място за промяна на поръчката, преди да продължи.
Една идентичност. Преизползваем интерфейс.
Проектирах общи продуктови карти, контроли и интерактивни състояния, които свързват страниците за пазаруване в последователна UI система.
Вертикалните карти са подходящи за компактни колекции, а хоризонталните дават повече място на информацията в каталога. И двете запазват основните данни за продукта, така че оформлението може да се променя, без да се въвежда различна информационна йерархия.
ВИЗУАЛНАТА ОСНОВА
Тъмносиня и виолетова основа овладява енергията на електриково розовото и пъстрите опаковки.
- WHITE#FFFFFF
- ELECTRIC PINK#FA13C4
- DEEP NAVY#141035
- VIOLET#2E2458
Идентичността и в други канали
Пренесох визуалната идентичност и във Facebook и Instagram — профилни визии, промоционални публикации и сторита.
РЕЗУЛТАТ
Свързан онлайн магазин, изграден около избора на продукт.
Завършеният дизайн обединява визуалната идентичност на Nutrimax, откриването на продукти, избора на вариант и прегледа на количката в едно десктоп преживяване, подкрепено от преизползваеми UI компоненти.
Сайтът вече не е активен. Този казус документира завършения дизайн; подобренията в използваемостта и търговският ефект не са измервани.
Разгледайте още от МОИТЕ ПРОЕКТИ
00
Radolia
Визуална идентичност за бутикова книжарница, изградена около изразителна типография и последователен дизайн език в печат и дигитална среда.
Очаквайте скоро