ВоБаза. Гайдлайн и брендбук. Дизайн сайта маркетплейса.

ВоБаза — компания-дистрибьютор мебели, основанная в 2020 году. ВоБаза — это платформа всех товаров для дома. Продажа товаров осуществляется через интернет-магазин. Компания имеет собственный контакт-центр и сервисную службу. Главные преимущества — наличие сервиса по подбору товаров, а также сборка и доставка заказа в день оформления.

Запрос клиента

Заказчик обратился к AWG за услугой по реализации ВоБаза — компания-дистрибьютор мебели, основанная в 2020 году. ВоБаза — это платформа всех товаров для дома. Продажа товаров осуществляется через интернет-магазин. Компания имеет собственный контакт-центр и сервисную службу. Главные преимущества — наличие сервиса по подбору товаров, а также сборка и доставка заказа в день оформления.масштабного проекта — маркетплейса компании «с нуля». В числе прочего клиенту понадобилась помощь экспертов в разработке дизайн-концепции бренда и сайта, а также гайдлайна и брендбука.

Этот проект примечателен тем, что нужно было разработать не просто интернет-магазин, но создать веб-сервис, полностью ориентированный на потребителя, с User Friendly интерфейсом и возможностью подбора товаров, согласно индивидуальным предпочтениям и запросам пользователя, адаптивностью товарных предложений в соответствии с персональными требованиями каждого покупателя. Кроме этого, команде AWG предстояло разработать фирменный стиль бренда, в соответствии с философией и политикой компании.

Цели

1. Создание конкурентного маркетплейса для покупки мебели.
2. Выход на растущий рынок продаж мебели-онлайн максимально быстро и с удобным сервисом.
3. Дать клиентам больше опций для выбора, покупки и доставки товара.

Технические задачи.

• Сбор и проработка технических требований
• Проведение ряда исследований целевой аудитории и пользовательского опыта, сбор и анализ данных
• Аудит и внедрение лучших практик от ведущих игроков на рынке
• Описание сценариев пользовательского взаимодействия
• Проектирование и разработка дизайна интерфейсов
• Создание прототипов интерфейсов
• Адаптация дизайна под мобильную версию сайта
• Frontend- и backend-разработка
• Презентация решений и сбор обратной связи от всех участников бизнес-процесса и команды
• Передача спроектированного прототипа интерфейса разработчикам

Реализация

На первом этапе клиентом были предоставлены референсы, которые необходимо было тщательно исследовать, провести анализ UX и представить свое видение концепции маркетплейса «ВоБаза». Мы провели глубинное интервью с заказчиком, в ходе которого наши эксперты определили ключевые цели и задачи проекта, изучили нюансы клиентского бизнеса. В том числе специалисты обсудили с заказчиком, какую реакцию дизайн должен вызывать у целевой аудитории бренда, чтобы понять, как попасть в ее представления и ожидания. Для создания фирменного стиля бренда эксперты AWG также проанализировали best practice и учли опыт работы ведущих мебельных дистрибьюторов.

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

Концепция построена на позиционировании бренда в качестве «народной марки». В основу логотипа легло графическое изображение символа — большой палец, поднятый вверх, простой жест, знакомый каждому и означающий высокую оценку и согласие с чем-либо.

Логотип воплотил в себе основные преимущества компании:

1. Доступность продукции для каждого клиента.
2. Простой и интуитивный процесс покупки и доставки, благодаря которому клиенты хотят возвращаться в магазин за новыми приобретениями.
3. Правильно выстроенный сервис, делающий акцент на сроках доставки, качестве услуг и скорости решения проблем.
4. Широкий выбор товаров — любой пользователь сможет найти товар, который удовлетворит его требования.

Дизайн отражает в себе демократичность бренда, широкий выбор продукции для каждого клиента и «на любой кошелек», а также высокий уровень сервиса, который предлагает компания.

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

Третий этап. Процесс проектирования и разработки занял около трех недель, и стал одним из ключевых и важных этапов. Специалисты создали интерфейсы страниц основных разделов сайта: главной страницы, каталога, карточек товаров, поиска, личного кабинета, корзины. Для удобной навигации и быстрого поиска товаров наши эксперты продумали многоуровневую систему фильтров и категорий. В якорном меню пользователи могут найти основные категории товаров, а в боковом — весь список предлагаемой продукции.

Все виды товаров визуально обозначены на сайте иконками с фотографиями, благодаря чему посетитель сайта сразу сможет найти тот вид мебели, который ему нужен. Пример: в категории «Столы» можно найти письменные, обеденные, журнальные, компьютерные и консольные столы, и все они будут разделены, поэтому покупатель не будет тратить много времени на поиски.

Кроме того, на сайте представлено множество фильтров, использование которых существенно упрощает выбор продукции для клиента. Например, при поиске нужного дивана пользователь может отобрать товары не только по стандартным фильтрам цены, популярности, цвета и механизма конструкции, но также и по назначению мебели (для спальни, гостиной, детской, прихожей), материалу обивки, наличию бельевого ящика.

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

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

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

Команда

• Дизайн-директор
• Арт-директор
• Дизайнер-проектировщик
• Веб и мобайл-дизайнеры
• Графические дизайнеры

Результат

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