Дизайн-концепция для Bosco Fresh и Bosco Sport

О клиенте
Группа компаний Bosco di Ciliegi объединяет множество брендов: одежды, алкоголя, аксессуаров и др. Мы работали с двумя из них: Bosco Fresh и Bosco Sport.
Bosco Fresh — премиум-линейка одежды для путешествий, отдыха и досуга. Преобладает верхняя одежда. Bosco Sport — спортивная линейка, вещи этого бренда носят спортсмены сборной России. Концепция бренда: сдержанный русский стиль для современных людей, которые ценят комфорт и ведут активный образ жизни.

Цель

Увеличить онлайн-продажи обеих линеек одежды.

Задачи

  • Создать структурированный интернет-магазин
  • Спроектировать навигацию и поиск товаров для пользователя
  • Расставить акценты на страницах интернет-магазина так, чтобы удерживать внимание клиента и последовательно вести его к покупке
  • Облегчить дизайн интернет-магазина: каталога, карточки товара и личного кабинета

Проблемы

Длинный переход с главной на интернет-магазин линеек Fresh и Sport. Он занимает 4 шага

Кнопка перехода была расположена внизу страницы. При этом пользователь сначала попадал на страницу с описанием новых коллекций, что сбивает с толку. Следующим шагом пользователь кликал на кнопку «интернет-магазин». Раскрывались две другие кнопки, предлагающие сразу выбрать раздел: мужское или женское.

Стилистическая несогласованность страниц

Главные разных брендов Bosco di Ciliegi выполнены в двух стилях: старом и новом. Это не мешает пользователю, но и не создает у него чувства общности между брендов. А маркетинговая стратегия заказчика включала задачу «подружить» все бренды между собой не только с помощью названия, но и дизайна.

Перегруженная страница каталога

Разделы и фильтры нельзя свернуть или скрыть, описание линейки одежды находится вверху, много лишних деталей. На эти элементы также накладывается двухуровневое закрепленное меню, чат поддержки, разнобой в типографике.

Проблемы с меню

Оно тоже устроено сложно: тут и каталог, и выбор раздела — мужское/женское/детское — и разделы с парфюмерией, аксессуарами и повторяющиеся ссылки на услуги (например, «персональный стилист»).

И все это относится к обоим брендам — Bosco Fresh и Bosco Sport. Итого мы получаем информативный и правильный с точки зрения контента интернет-магазин, но неудобный для пользователя.

Упрощение дизайна

Основной шаг, от которого мы строили всю дизайн-концепцию. Мы представляли себе интернет-магазины как шкаф, в котором много полок, ящиков, потайных отсеков. Но при этом везде порядок, что удобно покупателю.

Дизайн-токены

Мы отказались от устаревшего дизайна в вишнево-золотых тонах. Вместо этого использовали фирменные приглушенные цвета российского триколора, которые использует Bosco и которые узнаваемы для клиентов. За счет контраста интерфейсы магазина легче воспринимать.

Меню

В нем теперь 4 основных раздела, остальные спрятаны в меню-бургер.

Каталог и карточка товара

Из-за перегруженности страниц пользователям трудно зацепиться за что-то конкретное взглядом. Вместо этого он как бы скользит по всей странице и дольше ищет даже популярные разделы. Вот что мы предложили для решения:

Общий принцип — кошелек Миллера. Мы часто применяем этот подход в дизайне, так как он позволяет удерживать внимание пользователя. Согласно исследованию ученого, кратковременная человеческая память не может запомнить и повторить более 7 ± 2 элементов. Поэтому на каждой странице мы размещаем не больше 5-7 объектов.

Личный кабинет

Личный кабинет — полезная вещь для продавца и покупателя. Но интернет-магазинов на рынке полно: постоянная необходимость авторизации и заполнять данные, а также неудобный интерфейс могут отпугнуть или раздражить пользователя. Здесь мы предложили такие улучшения:

Внутреннее меню ЛК мы заменили на переключатели между разделами: профиль, заказы, настройки, бонусы.

У заказов есть превью с суммой, статусом и миниатюрными фотографиями купленной одежды. Превью можно развернуть и посмотреть детали. Тут же расположена кнопка возврата позиции. При нажатии раскрывается поп-ап: форма для заполнения. Все эти действия производятся на одной странице.

Нет ни одного изображения. Из-за этого ЛК выглядит стерильным и скучноватым в плане дизайна, но зато выполняет свою задачу. Пользователь быстро заполняет данные, при этом ничто его не отвлекает. Дальше он закрывает ЛК и идет выбирать товары или оформлять заказ. И никакого дизайна ради дизайна.

Эта дизайн-концепция позиционирует линейки Bosco Fresh и Sport как отдельные бренды, но при этом встраивает их в общую стилистику сайтов Bosco di Ciliegi.