Be More
Тип на проекта:
E-commerce, Уеб
Извършени услуги:
Уеб дизайн,
Мобилен дизайн,
UI/UX Консултация
Клиент:
"Be More" е онлайн магазин, предлагащ продукти в областта на здравето, храненето и козметиката. Екипът се гордее, че всеки техен продукт е с високо качество и доказан произход. Този уебсайт е новата версия на електронния магазин на Vitaslim. Проекта е реализиран по време на работата ми в Stenik Group
Цели на проекта
Работата с този клиент беше лесна и приятна, защото те вече имаха някои идеи за визията на сайта и ни изпратиха много референции. Те също имаха око за детайлите, типографията и естетиката. Основните изисквания бяха дизайнът да е много изчистен и минималистичен и с много проста навигация, която не ви разсейва докато разглеждате категориите.
Друго предизвикателство беше, че клиентът има много пакети за промоция, комбиниращи повече от един продукт и този образ на продукта трябваше да бъде представен по смислен, но и не натрапчив начин. Също така много продукти имаха различни количества в опаковка, така че трябваше да бъдат представени като продуктови опции с отделна цена.
Не на последно място, описанието на добавките включва много информация като ефекти, прием, противопоказания и т.н., като по този начин тя трябваше да бъде разчленена в четими и лесни за сканиране парчета. Потребителят не трябва да се губи, докато чете цялото съдържание и да има лесен начин да поръча продукта, след като реши, че е прочел достатъчно.
Решенията
-
Започнахме да експериментираме с някои шрифтове, които включваха българска кирилица, за да имаме по-четливи текстове и се спряхме на „Gotham“, защото е с по-голяма x-височина плюс модерното усещане, което дава. Навигацията беше решено да бъде с пълна ширина, без разстояние между отделните бутони, така че да изглежда по-изчистена и кара целия дизайн да диша повече.
Естеството на продуктите в магазините ни накара да изберем за фонове само бял цвят, редуващ се със светлосив, като по този начин създава усещане за доверие и чистота. Изображението на продукта за промоционални пакети се формира чрез използване на отделни продукти, комбинирани с червена икона плюс, така че да обозначава промо, но също така е последователна в целия уебсайт.
Описанието на продукта беше разделено на различни блокове с отличително заглавие, а приемът и противопоказанията бяха маркирани с икони, така че да се забелязват повече като много важни.
Друга готина функция са плаващите раздели с линия за бързо напомняне на цената на продукта и бутон, който да добавите към вашата кошница. -
Преминаването към по-широк грид за настолната версия ни позволи да имаме повече продукти на всеки ред и съответно на целия екран. Бутоните за закупуване и добавяне към списъка с желания отново са в същия стил като навигацията - няма място помежду им а има само тънка граница, като по този начин постига още повече целта за изчистен дизайн.
-
Добавянето на съвети за отстъпка за доставка с помощта на същата икона за доставка от страницата с детайли на продукта също е много полезно, за да привлечете вниманието на потребителите. Наличието на системно съобщение в свеж цвят, близко до цветовата палитра на логото също е важно за запазване на последователността на дизайна.
-
Мобилна версия
