интернет-магазин дистрибьютора

импортного пива superbeer

#разработка_сайта

срок разработки

#веб-дизайн

120 дней

тип сайта

интернет-магазин

ссылка на сайт

superbeer.ru

85

страниц

общее количество страниц на сайте

59

страниц

количество кастомных страниц товаров

9

работали над проектом

человек

клиент обратился за редизайном текущего сайта, который был сделан на CMS «1с-битрикс». перед нами стояло несколько задач

задачи

Текущий сайт клиент описывал как устаревший и непрезентабельный. Компании нужен был современный сайт, который отразит весь масштаб и опыт SuperBeer, а также интересно представит широкий ассортимент.

Сделать редизайн текущего сайта

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

Оптимизировать структуру сайта

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

Усилить роль отдельных брендов

Клиент хотел самостоятельно редактировать каталог товаров и обновлять информацию на сайте — мы предложили CMS «Тильда». После кастомизации она полностью удовлетворила потребности клиента.

Перенести сайт на удобную CMS

разработка выстроена системно и делится на 4 больших этапа

этапы работы

какие‑то страницы объединили, какие‑то, наоборот, выделили как самостоятельные;

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

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

структура сайта

результат этапа

карта сайта

Мы детально изучили структуру текущего сайта и предложили варианты оптимизации навигации.

разработка выстроена системно и делится на 4 больших этапа

этапы работы

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

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

текстовый прототип

результат этапа

кликабельный прототип

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

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

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

дизайн-концепция

результат этапа

дизайн-макеты всех страниц

Разработали дизайн-концепцию на основе главной страницы. Учли основные пожелания клиента.

перенос дизайн-макетов на Тильду, настройку анимации, вёрстку адаптивных версий, чтобы сайт хорошо выглядел на всех устройствах;

модификации: написали код для интерактивных карт и кастомной карточки товара;

технические работы: перенос домена, настройка базового SEO, подключение SSL-сертификата.

передача клиенту инструкции по редактированию каталога.

Финальный этап включал в себя:

вёрстка на тильде

результат этапа

готовый сайт

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

РЕЗУЛЬТАТ

ДЕСКТОП

страница товара

Навигационные блоки на сайте, чтобы продолжить поиск по интересующим параметрам

Переход на интерактивную карту с ресторанами, где представлен данный сорт

Графичные шкалы основных характеристик пива

Иллюстрация фудпейринга

Графичные шкалы основных характеристик пива

+

-

+

-

Переход на интерактивную карту с ресторанами, где представлен данный сорт

+

-

Навигационные блоки на сайте, чтобы продолжить поиск по интересующим параметрам

Иллюстрация типов упаковки

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

Иллюстрация фудпейринга

+

-

Переход на страницу производителя для знакомства с другими товарами

Рекомендации товаров от данного производителя или страны производства

Иллюстрация типов упаковки

+

-

Возможность скачать полный каталог продукции компании

Форма обратной связи

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

+

-

Переход на страницу производителя для знакомства с другими товарами

+

-

Рекомендации товаров от данного производителя или страны производства

+

-

Возможность скачать полный каталог продукции компании

+

-

Форма обратной связи

+

-

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

РЕЗУЛЬТАТ

АДАПТИВЫ

фирменные рестораны

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

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

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

Рассчитываем еще не раз воспользоваться услугами JUST CREW!