Awwwards
 
 
 
 
 

Be More

BeMore - Header

Тип на проекта:

E-commerce, Web

Извършени услуги:

Web Design,
Mobile Design,
UI/UX Consultation

Клиент:

"Be More" is an online shop offering products in the field of health, nutrition and cosmetics. The team is proud that each of their products is with high quality and proven origin. This website is the new version of Vitaslim e-shop. The project was realized while working with Stenik Group

ВИЖ ОНЛАЙН

Цели на проекта

Работата с този клиент беше лесна и приятна, защото те вече имаха някои идеи за визията на сайта и ни изпратиха много референции. Те също имаха око за детайлите, типографията и естетиката. Основните изисквания бяха дизайнът да е много изчистен и минималистичен и с много проста навигация, която не ви разсейва докато разглеждате категориите.

Друго предизвикателство беше, че клиентът има много пакети за промоция, комбиниращи повече от един продукт и този образ на продукта трябваше да бъде представен по смислен, но и не натрапчив начин. Също така много продукти имаха различни количества в опаковка, така че трябваше да бъдат представени като продуктови опции с отделна цена.

Не на последно място, описанието на добавките включва много информация като ефекти, прием, противопоказания и т.н., като по този начин тя трябваше да бъде разчленена в четими и лесни за сканиране парчета. Потребителят не трябва да се губи, докато чете цялото съдържание и да има лесен начин да поръча продукта, след като реши, че е прочел достатъчно.

BeMore - Начална страница
01

Решенията

1 / 6
  • BeMore - Детайлна страница на продукт

    Започнахме да експериментираме с някои шрифтове, които включваха българска кирилица, за да имаме по-четливи текстове и се спряхме на „Gotham“, защото е с по-голяма x-височина плюс модерното усещане, което дава. Навигацията беше решено да бъде с пълна ширина, без разстояние между отделните бутони, така че да изглежда по-изчистена и кара целия дизайн да диша повече.

    Естеството на продуктите в магазините ни накара да изберем за фонове само бял цвят, редуващ се със светлосив, като по този начин създава усещане за доверие и чистота. Изображението на продукта за промоционални пакети се формира чрез използване на отделни продукти, комбинирани с червена икона плюс, така че да обозначава промо, но също така е последователна в целия уебсайт.

    Описанието на продукта беше разделено на различни блокове с отличително заглавие, а приемът и противопоказанията бяха маркирани с икони, така че да се забелязват повече като много важни.

    Друга готина функция са плаващите раздели с линия за бързо напомняне на цената на продукта и бутон, който да добавите към вашата кошница.

  • BeMore - списък с продукти

    Преминаването към по-широк грид за настолната версия ни позволи да имаме повече продукти на всеки ред и съответно на целия екран. Бутоните за закупуване и добавяне към списъка с желания отново са в същия стил като навигацията - няма място помежду им а има само тънка граница, като по този начин постига още повече целта за изчистен дизайн.

  • BeMore - пазарска чанта

    Добавянето на съвети за отстъпка за доставка с помощта на същата икона за доставка от страницата с детайли на продукта също е много полезно, за да привлечете вниманието на потребителите. Наличието на системно съобщение в свеж цвят, близко до цветовата палитра на логото също е важно за запазване на последователността на дизайна.

Мобилна версия

beMore - мобилна версия
BeMore - Всички екрани