Urban Massives
Тип на проекта:
B2B Онлайн магазин
Извършени услуги:
UX/UI,
Уеб Дизайн
Клиент:
Концепция за B2B онлайн магазин за мода. Urban Massives е марка за улично облекло с над 10+ години на пазара. Те се състоят от няколко дъщерни марки, като по този начин предлагат безкрайно разнообразие от дрехи както за крайния клиент, така и за търговците на дребно.
Цели на проекта
Клиентът се нуждаеше от изцяло нов дизайн на уебсайта с модерен външен вид и свеж, различен привкус, който ще се хареса на младежите. Тяхната цел беше сайтът да бъде едновременно използваем за B2B клиенти, но и за крайни клиенти.
Предизвикателствата тук бяха главно от към B2B частта - как да се визуализират многото продуктови вариации спрямо размер и цвят, а също и избиране и добавяне на веднъж на множество продукти в пазарската количка. Желание на клиента беше, че дизайнът ще бъде прост и минималистичен.
Първоначалната посока за дизайн , която избрах, беше да има балансирана асиметрия с някои елементи като банери и техните заглавия, които излизат малко извън грида на сайта, но се балансират взаимно. Запазването на цветовата палитра само в черно-бели нюанси също беше ключово решение за чистия вид на уебсайта.
Голямата смела типография е друга модерна дизайнерска тенденция, приложена тук за привличане на крайните клиенти. Контрастиращи от големите заглавия са малките, но фино настроени текстове в продуктовата кутия. По-малките размери и играта с дебелината на шрифта дадоха добър четлив резултат, но също така оставиха и достатъчно място за по-големи имена на продукти и голямото им количество размери. За да се осигури консистентността на дизайна, за банери бяха избрани само снимки с чист и прост фон.
Решенията
-
Тук решението за таблица с количества беше да е с вертикални и хоризонтални хедъри съответно за цветовете и размерите. При по-малки разделителни резолюции вертикалните хедъри остават статични, така че таблицата да е с хоризонтално скролиране. Добавена е и легенда за по-добро изясняване на полетата, които бяха фино цветно кодирани. Клиентът може да избере да ефекта при преминаване с мишката върху кутията на продукта да има или показани продуктови размери, или снимки с различни цветове на продукта.
-
Поради голямото количество различни категории решихме да имаме само 3 продукта на ред, така че да са ясно видими още от първия поглед. Разбира се основните филтри за размер, цвят и марка бяха добавени за по-добра навигация.
-
Можете да проверите как всичко се вписва в началната страница и колко важно е консистентността на типографията и визуалните елементи в различните секции.
-
Не на последно място е пазарската количка. Необичайното тук беше функционалността да добавите списък с продукти с количество за поръчка, като качите CSV файл. Също така поради големия брой продукти в B2B поръчките, премахнахме снимките на продукта, за да има видими повече редове наведнъж.
