Как мы обновили сайт производителя колбас и мясных деликатесов Велком

О проекте

Клиент: «Велком», производитель колбас и мясных деликатесов

Сайт рабочего проекта: velkomfood.ru

Оказанные услуги: Редизайн, верстка, программирование

Стек технологий: PHP, JavaScript, HTML, CMS 1С-Битрикс

Срок реализации: 8 месяцев

Регион: Россия

Город: Москва

«Велком» — семейная компания, на рынке более 30 лет. Выпускает колбасы, бекон, ветчины, деликатесы и нарезку из отборного мяса российских ферм без добавления сои. Продукция продается в розничных сетях по всей России.

Задача

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

Скриншот главной страницы сайта до редизайна.

Решение

Работу разделили на пять направлений — от дизайна ключевых страниц до программирования на стороне CMS.

Этап 1. Редизайн сайта

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

Обновленный дизайн первого экрана главной страницы.

Этап 2. Каталог продукции с фильтрацией

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

Этап 3. Разделы «Рецепты» и «Журнал PRO»

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

Первый экран раздела «Рецепты».

Этап 4. Адаптивная верстка

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

Этап 5. Программирование на 1С-Битрикс

Реализовали функционал каталога, раздела рецептов и остальных страниц на CMS 1С-Битрикс. Отдельно закладывали удобство дальнейшего администрирования контента: карточки товаров, рецепты и статьи редактирует команда клиента без привлечения разработчиков.

Первый экран категории продукции.

Результат

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

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

Комментарий

• Каталог продуктов питания собирается вокруг привычек покупателя. Человек ищет «сосиски» и «колбаски для гриля». Формулировки вроде «продукция мясопереработки» ему ничего не говорят, поэтому категории мы назвали так, как их называет сам покупатель у прилавка.

• Рецепты продают ассортимент лучше карточек. Сайт производителя редко посещают повторно ради каталога. Редакционный раздел дает повод вернуться и показывает продукт в деле.

• Удобство администрирования — часть техзадания. Если контент-менеджер клиента не может сам завести рецепт или карточку, сайт устаревает через полгода.

Ключевые выводы

За 8 месяцев сайт «Велком» прошел путь от устаревшей витрины до рабочего инструмента бренда: новый дизайн ключевых страниц, каталог с понятной покупателю структурой, разделы «Рецепты» и «Журнал PRO» и корректное отображение на десктопе, планшете и мобильном.

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