Редизайн интернет-магазина на InSales для крымского вина: как мы обновили Wine92 и перенесли дизайн в шаблон Ключевые факты

GEO: Севастополь / Крым
Ниша: крымские вина, алкогольная продукция, розничные и оптовые покупатели
Платформа: InSales
Тип работ: редизайн интернет-магазина на InSales с переносом дизайна в шаблон
Страницы: главная, каталог, карточка товара, корзина, оформление заказа
Главная цель: сделать свежий, понятный и визуально привлекательный дизайн, который отражает логику бизнеса Wine92: крымское вино, самовывоз, доверие к продукту и отдельный сценарий для оптовиков

Wine92 — интернет-магазин крымского вина и алкогольной продукции на InSales. У компании есть розничные покупатели, постоянная аудитория и отдельное направление для оптовиков.

Заказчик пришёл с понятной задачей: сделать свежий дизайн и сделать сайт более понятным для посетителей.

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

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

У проекта было несколько важных особенностей:

·        сайт должен был сразу считываться как сайт про вино;

·        визуал должен был быть красивым, привлекательным и лаконичным;

·        посетитель должен был понимать, что здесь можно выбрать хорошее, вкусное, качественное крымское вино;

·        на сайте нужно было аккуратно объяснить сценарий заказа и самовывоза;

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

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

Настоящая задача

Сначала задача звучала как обычная: сделать свежий дизайн.

Но по факту задача была глубже: перевести в интерфейс бизнес-логику Wine92.

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

“Я попал на сайт вина. Здесь можно выбрать качественное крымское вино, оформить заказ и забрать его в магазине”.

Для этого дизайн должен был решать сразу несколько задач.

Первая — создать правильное первое впечатление.
Человек должен с первых секунд понять, что сайт связан с вином, Крымом и конкретной компанией, а не с абстрактным каталогом товаров.

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

Третья — аккуратно объяснить сценарий покупки.
Для Wine92 важен самовывоз. Это нужно было показать спокойно и понятно, без лишних юридических формулировок и без ощущения, что пользователь попал в тупик.

Четвёртая — не потерять оптовиков.
Оптовый клиент приходит на сайт с другой задачей. Ему не нужно долго изучать розничный каталог, чтобы понять, работает ли компания с B2B. Поэтому в дизайне нужен был отдельный оптовый блок.

Ограничения и рамки проекта

Этот заказ не был технически сложным. Здесь не было тяжёлых интеграций, нестандартного backend, сложной логики обменов или большого количества спорных ограничений.

Основная сложность была не техническая, а смысловая.

Нужно было:

·        разобраться в бизнесе;

·        понять, как покупают розничные клиенты;

·        понять, что важно для оптовиков;

·        не нарушить логику продажи алкогольной продукции;

·        сделать дизайн привлекательным, но не перегруженным;

·        перенести дизайн на InSales так, чтобы основные страницы магазина выглядели цельно.

Мы делали проект в понятной последовательности:

·        составили и разобрали бриф;

·        разработали концепцию;

·        после утверждения концепции сделали прототип;

·        подготовили два варианта главной страницы;

·        после выбора направления сделали финальный дизайн;

·        дали заказчику проверить дизайн и внести замечания;

·        после утверждения дизайна перенесли его на InSales;

·        дали заказчику проверить уже рабочий сайт и внесли правки по переносу;

·        сдали работу и подготовили рекомендации по дальнейшему развитию сайта.

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

Принятое решение

Я не хотел делать для Wine92 просто “винный красивый сайт”. В таких проектах легко уйти в декоративность: бокалы, виноградники, тёмные фоны, премиальный пафос — и потерять конкретный бизнес.

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

Мы выбрали подход, в котором дизайн держится на трёх опорах.

Вино и Крым должны считываться сразу

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

Не нужно было перегружать первый экран объяснениями. Его задача — дать правильное настроение и быстрый вход в покупку.

Доверие нужно показывать фактами

Вместо абстрактных обещаний мы опирались на конкретные смыслы: опыт компании, собственные торговые марки, производство, ассортимент, работа с розницей и оптом.

Такой подход лучше подходит для e-commerce: человек не читает длинные манифесты, но быстро считывает факты и делает вывод, можно ли доверять сайту.

Оптовикам нужен отдельный вход

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

Это важная часть редизайна интернет-магазина на InSales для крымского вина: сайт должен работать не только как розничная витрина, но и как точка входа для B2B-клиентов.

Реализация

Разобрали бриф и бизнес-логику

Сначала мы собрали вводные по проекту.

Нужно было понять не только “какой дизайн нравится”, а как устроен сам бизнес:

·        кто покупает вино;

·        как пользователь оформляет заказ;

·        что происходит после оформления;

·        какую роль играет самовывоз;

·        что важно для оптовиков;

·        какие преимущества компании стоит вынести на сайт;

·        какие страницы нужны в первую очередь.

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

Разработали концепцию

После брифа мы подготовили концепцию.

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

Мы не стали делать дизайн “тяжёлым” или чрезмерно премиальным. Для Wine92 важнее была ясность: посетитель должен понимать, куда попал, что может купить и как дальше действовать.

Сделали прототип

Перед финальным дизайном мы собрали прототип.

Это помогло сначала решить структуру, а уже потом заниматься визуальной частью.

На прототипе мы разложили основные блоки:

·        первый экран;

·        блоки доверия;

·        категории и ассортимент;

·        оптовый блок;

·        переходы к ключевым разделам;

·        базовую логику e-commerce-страниц.

Такой этап особенно полезен в редизайне: если сразу идти в красивую картинку, можно пропустить важные смысловые блоки.

Подготовили два варианта главной

После прототипа мы сделали два варианта главной страницы.

Это нормальный рабочий способ выбрать направление: не обсуждать дизайн в воздухе, а сравнить два конкретных подхода.

Заказчик выбрал вариант, который лучше попадал в ожидания по визуалу и подаче. После этого мы довели дизайн в выбранной логике и отдали его на проверку.

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

Пересобрали первый экран

Первый экран был одним из ключевых элементов.

Он должен был сразу давать ощущение сайта вина: продукт, настроение, аккуратность, понятный вход в каталог.

Задача первого экрана — не рассказать всё сразу, а быстро показать:

·        это крымское вино;

·        здесь можно выбрать продукцию;

·        сайт выглядит современно и аккуратно;

·        дальше есть понятный путь в каталог.

Добавили блок преимуществ и доверия

Для Wine92 важно было показать, почему компании можно доверять.

Мы вынесли это в отдельный блок преимуществ. Он помогает посетителю быстро считать сильные стороны бизнеса: опыт, ассортимент, производство, собственные марки, работу с розничными и оптовыми клиентами.

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

Сделали отдельный оптовый блок

Оптовый блок был одной из важных задач проекта.

У Wine92 есть B2B-аудитория: оптовики, сети, общепит, розничные точки. Для них важно быстро понять, что компания работает с оптом и есть отдельные условия сотрудничества.

Мы сделали блок, который не мешает розничному сценарию, но даёт оптовику понятный вход.

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

Разработали дизайн основных страниц

Мы сделали не только главную страницу.

В проект вошли ключевые e-commerce-экраны:

·        главная;

·        каталог;

·        карточка товара;

·        корзина;

·        оформление заказа.

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

Поэтому дизайн должен быть цельным на всём пути.

Перенесли дизайн на InSales

После утверждения дизайна мы перенесли его на InSales.

Для нас это стандартная логика работы: не просто нарисовать макеты, а довести проект до рабочего шаблона на платформе.

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

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

В результате у заказчика остался не набор картинок, а обновлённый дизайн, перенесённый на сайт.

Добавили визуал на оформление заказа

Страница оформления заказа тоже вошла в работу.

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

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

Подготовили рекомендации после сдачи

После завершения работ мы передали заказчику рекомендации по дальнейшему развитию сайта.

В них зафиксировали, что можно развивать дальше:

·        контент на страницах;

·        описания товаров;

·        фотографии продукции;

·        разделы для информации о компании;

·        страницу для оптовиков;

·        блог и SEO-контент;

·        дополнительные материалы, которые помогут пользователю лучше понимать продукт.

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

Результат

Проект прошёл спокойно.

Заказчик выбрал направление дизайна, мы довели выбранный вариант, прошли этап проверки дизайна, перенесли его на InSales и отдельно дали проверить уже рабочий сайт. Существенных правок после сдачи не было — работу приняли.

В результате Wine92 получил обновлённый интернет-магазин на InSales, где:

·        первый экран сразу задаёт винную атмосферу;

·        сайт выглядит современно и аккуратно;

·        посетителю понятнее, что это магазин крымского вина;

·        сильные стороны компании вынесены в блок доверия;

·        оптовикам дали отдельную точку входа;

·        основные страницы e-commerce приведены к единой визуальной системе;

·        оформление заказа не выбивается из общего дизайна;

·        после сдачи у заказчика остались рекомендации по дальнейшему развитию сайта;

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

После сдачи проект не обрывается в формате “передали и забыли”. В течение месяца после завершения мы остаёмся рядом по вопросам, которые могут всплыть уже при работе с обновлённым сайтом.

Почему здесь сработал именно такой подход

В этом проекте не нужно было усложнять задачу искусственно. Wine92 не приходил за тяжёлой интеграцией, нестандартным backend или полной перестройкой бизнес-процессов.

Задача была другой: аккуратно разобраться в продукте, понять нюансы продажи вина через сайт, собрать понятную визуальную систему и перенести её на InSales.

Для таких проектов важна не громкая презентация, а спокойная последовательность:

- сначала понять бизнес и ограничения;

- затем собрать концепцию;

- проверить её через прототип и варианты главной;

- согласовать дизайн;

- перенести его на сайт;

- отдельно проверить реализацию после переноса.

Так мы и работали с Wine92. Не пытались сделать из простого проекта драму, не обещали абстрактный рост продаж, а решили конкретную задачу: обновили дизайн, отразили логику бизнеса, учли самовывоз, выделили оптовиков и довели работу до рабочего сайта на InSales.

Финал

Если у вас похожая ситуация — магазин работает, клиенты покупают, но сайт уже не соответствует уровню компании — начинать стоит не с “нарисуйте красиво”.

Сначала нужно понять, что именно должен объяснять сайт: продукт, сценарий покупки, доверие, ограничения, опт, доставку, самовывоз или всё вместе.

После этого дизайн становится не просто картинкой, а нормальным интерфейсом бизнеса.