Awwwards
 
 
 
 
 

Be More

BeMore - Хедър

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

E-commerce, Уеб

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

Уеб дизайн,
Мобилен дизайн,
UI/UX Консултация

Клиент:

"Be More" е онлайн магазин, предлагащ продукти в областта на здравето, храненето и козметиката. Екипът се гордее, че всеки техен продукт е с високо качество и доказан произход. Този уебсайт е новата версия на електронния магазин на Vitaslim. Проекта е реализиран по време на работата ми в Stenik Group

ВИЖ ОНЛАЙН

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

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

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

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

BeMore - Хедър
01

Решенията

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

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

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

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

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

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

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

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

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

  • BeMore - Всички екрани

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


Warning: Illegal string offset 'sizes' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 205

Warning: Illegal string offset 'project-screens-small' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 205

Warning: Illegal string offset 'sizes' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 206

Warning: Illegal string offset 'project-screens-medium' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 206

Warning: Illegal string offset 'sizes' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 207

Warning: Illegal string offset 'project-screens-large' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 207

Warning: Illegal string offset 'sizes' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 208

Warning: Illegal string offset 'project-screens' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 208

Warning: Illegal string offset 'alt' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 208
9
Warning: Illegal string offset 'description' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 210

Warning: Illegal string offset 'description' in /home/futurena/public_html/FN_wordpress/wp-content/themes/FutureNatureTheme/single-portfolio.php on line 211

9