Дата внедрения: 2019, ноябрь
Дата занесения: 03.12.2019
Отрасль: Производство
Направления деятельности компании "СофтЭксперт": Веб-разработка
Организация: ООО Кондитерское предприятие «Суворовские конфеты»


Внедрённые продукты: CMS «1С-Битрикс»
Количество сотрудников: 30

Создан новый корпоративный сайт «Суворовских конфет»

Веб-интегратор «СофтЭксперт» разработал новый корпоративный сайт на CMS «1С-Битрикс» для кондитерского предприятия «Суворовские конфеты». Ресурс со сложным авторским дизайном потребовал от программистов в 5 раз больше временных и трудовых затрат, чем обычно уходит на техническую реализацию уникального веб-проекта.

О клиенте

«Суворовские конфеты» – относительно молодой бренд-символ Тульского края. Кондитерская компания с одноимённым названием начала работу в районном городке Суворове в 1998 году, но благодаря эффективному подходу к делу быстро завоевала национальную и мировую славу. Поддержав традиции изготовления конфет из натуральных фруктов и орехов, предприятие сделало ставку на производство сладостей с заботой о здоровье покупателей. Сегодня под брендом «Суворовские конфеты» выпускается более 150 наименований уникальной продукции из натуральных ингредиентов: конфеты из сухофруктов, сублимированных ягод, экзотических цукатов и орехов в шоколадной и йогуртовой глазури, желейные конфеты на основе натуральных соков и сиропов, полезный шоколад без сахара с кусочками фруктов, подарочные наборы ручной работы, сладкие сувениры (фигурки). «Суворовские конфеты» отмечены множеством золотых, серебряных наград и дипломов на международных и российских выставках.

Новый дизайн сайта "Суворовских конфет" (первый экран)

Цели проекта

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

Выполненные работы

Дизайнером «СофтЭксперт» было подготовлено 3 варианта концепции сайта на выбор: классический, винтажный и смешанного стиля. Клиенту пришёлся по вкусу третий вариант.

В результате был разработан яркий, необычный, эклектичный дизайн, совмещающий:

  • Ручную графику. Многие компоненты дизайна эксклюзивны – созданы от руки, а затем оцифрованы на графическом планшете. Например, эскизы товаров для каталога срисованы с образцов реальной продукции. Стиль иллюстраций от руки при этом намеренно сохранён.
От эскизной зарисовки уникальной продукции до уникального графического каталожного меню на сайте

  • Винтажные элементы. В дополнение к узнаваемому логотипу «Суворовских конфет» на сайте широко используются витиеватые узоры и шрифты.
Винтажные элементы в дизайне сайта
  • Атрибутику плоского дизайна. Тотальную современность дизайна сайта обеспечивают присущие стилю flat сочные и вкусные цвета (бирюзовый, коралловый, шоколадный), контурная графика и крупные фото.
Черты плоского дизайна

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

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

Слайдер-«матрёшка»

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

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

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

Дизайн страницы 404

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

Интерактивные элементы на сайте

Для удобства посетителей навигация в шапке сайта имеет двухчастную композицию: меню основных (корпоративных) разделов и каталог. Оба списка ссылок прячутся за компактными кнопками «гамбургер». По клику оба меню разворачиваются на треть экрана. Ссылки на все значимые разделы сайта дублируются в футере (подвале). Здесь же располагается ссылка на карту сайта с полным перечислением разделов.

Пример развёртывания меню каталога на странице Карта сайта

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

Пример оформления карточки товара на сайте

Если вас также интересует разработка или редизайн корпоративного сайта на Битриксе, обращайтесь к специалистам веб-интегратора «СофтЭксперт» по нижеуказанным контактным данным.

Контактная информация:

  • Телефон (многоканальный): 8(4872)700-270, доб 240
    Карпачёва Ирина Николаевна

    Должность: руководитель отдела веб-разработки
    E-mail: 240@sfx-tula.ru