Проектирование и дизайн интерфейса интернет‑магазина «Happy Bottle»

«Happy Bottle» – винный шоу-рум, в котором невозможно купить плохое вино. Сомелье компании лично ездит по винодельням Европы и выискивает интересные вина, в первую очередь, неизвестные в России. Разумеется, интернет-магазин такого предприятия должен быть под стать — интересный, выдержанные, удобный. Его созданием мы и занялись.

Сделать покупку вина в интернете приятной и интересной.

Результат:

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

Главная страница

Каталог вин

Страница вина

Результат работ

Процесс:

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

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

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

В финальном варианте главной страницы вместе с заказчиком решаем еще ближе приблизиться к фирменному стилю, уйдя от дополнительных цветов и графических элементов. Шире используем один из основных элементов стиля: фирменный красный «бабл». Определяемся с контентом: верхний блок объясняет, зачем это все нужно, затем идет одна из главных «фишек»: тематические сеты, составленные сомелье, потом – самые интересные предложения и акции по винам, затем – уникальные образцы из разных стран.

Финальный вариант главной

В финальном дизайне каталоге проработали подачу одной из главных особенностей сайта — вина, специально подобранные сомелье. У таких вин есть пиктограмма в виде «баббла». При наведении на бутылку «баббл» раскрывается вместе с дополнительной информацией о вине. Отрисованы финальные стикеры, в том числе указания на страну из уникальной коллекции (в данном случае — Италия). Придуман и показан « юприз от HappyBottle»: у случайных пользователей в каталоге появляется бутылка, завернутая в фирменную упаковку. При наведении на нее предлагается получить бутылку вина в подарок при следующем заказе, расшарив информацию о магазине в социальной сети.

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

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