Обсудить проект
Корпоративный сайт / UX/UI

Кемля

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

1С-БитриксИндивидуальный дизайнАнимацияКарта и фильтры
Кемля — дизайн и разработка сайта винокурни
← Все проекты
01 / ЗАДАЧА

Передать характер бренда средствами веб-дизайна

«Кемля» — винокурня в Мордовии, производитель российского виски KEMLYA. История предприятия началась в 1828 году. Мы разработали для неё сайт на 1С-Битрикс: объединили рассказ о предприятии и производстве, представление продукции и справочные разделы в одном визуальном стиле.

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

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

02 / РЕШЕНИЕ

Выразительная главная. Спокойные внутренние страницы.

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

01

Индивидуальный визуальный стиль

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

02

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

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

03

Плавная анимация

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

04

Раздел о производстве

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

05

Справочник с картой и фильтрами

Разработали раздел «Где найти»: отбор по области, городу и типу точки, поиск по адресу и представление местоположений на карте. Несколько условий помогают работать с большим списком без ручного просмотра всех записей.

06

Новости под управлением заказчика

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

03 / СЦЕНАРИЙ РАБОТЫ

Одна система — несколько сценариев просмотра

  1. 01

    Познакомиться с компанией

    Главная даёт общее представление, а раздел о производстве позволяет перейти к истории и подробностям.

  2. 02

    Найти нужную информацию

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

  3. 03

    Связаться с командой

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

Единый дизайн всех разделов сайта

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

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

Гостеприимство и услуги винокурни

01

Центр гостеприимства

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

02

Персональная бочка

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

03

Обратная связь

Возможность обратиться к компании вынесена в общую навигацию. Для связи не нужно искать нужную новость или возвращаться на главную.

Сайт, с которым заказчик работает сам

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

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

06 / РЕЗУЛЬТАТ

Индивидуальный дизайн, продуманный до внутренних разделов

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

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

1С-БитриксИндивидуальный дизайнПоэкранная прокруткаАнимацияКарта и фильтры
СЛЕДУЮЩАЯ ИСТОРИЯ — ВАША

Обсудим ваш проект

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

Обсудить проект

Укажите телефон или email — достаточно одного контакта.

Ссылка на сайт или промокод

Без готового ТЗ тоже можно. Достаточно вашей идеи.