«Кемля» — винокурня в Мордовии, производитель российского виски KEMLYA. История предприятия началась в 1828 году. Мы разработали для неё сайт на 1С-Битрикс: объединили рассказ о предприятии и производстве, представление продукции и справочные разделы в одном визуальном стиле.
В этом проекте особенно важна работа с изображением. Фактура дерева, стекло, свет и тёплые оттенки задают настроение ещё до того, как посетитель начинает читать. Нужно было сохранить эту выразительность и не перегрузить сайт эффектами.
При этом у посетителя могут быть вполне конкретные вопросы: как устроено производство, где найти информацию о компании, как связаться с ней или узнать об экскурсии. Поэтому дизайн мы выстроили вместе с навигацией — у каждой страницы есть своя задача.
02 / РЕШЕНИЕ
Выразительная главная. Спокойные внутренние страницы.
Главная построена как последовательность полноэкранных композиций. Внутри разделов — привычная прокрутка: она удобнее для длинных текстов, новостей, списков и работы с фильтрами.
01
Индивидуальный визуальный стиль
Тёмные фоны, тёплая коричневая палитра, сдержанные светлые акценты и крупные изображения. Важны детали: прозрачность стекла, фактуры и свободное пространство вокруг объектов. Интерфейс поддерживает композицию, а не спорит с ней.
02
Поэкранное пролистывание
На главной прокрутка переводит посетителя от одной законченной сцены к следующей. Так можно последовательно представить продукцию, историю и этапы производства, не складывая всё в одну длинную ленту.
03
Плавная анимация
Переходы и появление элементов помогают связать экраны между собой. Движение сделано сдержанным: оно задаёт ритм просмотра, сохраняя внимание на содержании.
04
Раздел о производстве
Историю предприятия и технологические этапы оформили как самостоятельный рассказ. Иллюстрации, фотографии и последовательная подача помогают читать объёмный материал по частям.
05
Справочник с картой и фильтрами
Разработали раздел «Где найти»: отбор по области, городу и типу точки, поиск по адресу и представление местоположений на карте. Несколько условий помогают работать с большим списком без ручного просмотра всех записей.
06
Новости под управлением заказчика
Создали ленту с изображениями, датами и анонсами, а также отдельные страницы публикаций. Обучили команду заказчика: новости она добавляет самостоятельно через систему управления сайтом.
03 / СЦЕНАРИЙ РАБОТЫ
Одна система — несколько сценариев просмотра
01
Познакомиться с компанией
Главная даёт общее представление, а раздел о производстве позволяет перейти к истории и подробностям.
02
Найти нужную информацию
Через меню можно сразу открыть новости, справочник или центр гостеприимства, не проходя всю главную заново.
03
Связаться с командой
Для обращения предусмотрена форма обратной связи. В экскурсионном разделе собраны описание программ, контакты и возможность оставить заявку.
Единый дизайн всех разделов сайта
Главная, новости и справочник решают разные задачи. Полноэкранная композиция подходит для первого знакомства, но была бы неудобна в таблице адресов или длинной статье. Мы сохранили общий стиль и выбрали подходящий способ подачи для каждого раздела.
На странице производства светлый фон и графическая иллюстрация предприятия меняют темп после тёмной главной. Дальше посетитель может изучить историю винокурни и последовательность технологических этапов. Это позволяет рассказать о компании подробнее, не перегружая первый экран.
Гостеприимство и услуги винокурни
01
Центр гостеприимства
Отдельная страница знакомит с экскурсионными программами и тем, что можно увидеть на предприятии. Здесь же размещены контакты для записи и заявка. Информация о посещении не затеряна среди общего рассказа о компании.
02
Персональная бочка
Подготовлен самостоятельный информационный раздел с материалами о программе. Это презентация предложения и документов, а не онлайн-конструктор: посетитель изучает условия и обсуждает подробности с компанией.
03
Обратная связь
Возможность обратиться к компании вынесена в общую навигацию. Для связи не нужно искать нужную новость или возвращаться на главную.
Сайт, с которым заказчик работает сам
Проект реализован на 1С-Битрикс. После запуска команда заказчика получила возможность самостоятельно вести новости и прошла обучение. Это важная часть работы: индивидуальный дизайн должен сохраняться и тогда, когда на сайте появляются новые материалы.
Лента продолжает пополняться публикациями. Для сайта компании это рабочий раздел, а не набор материалов, оставшихся со дня запуска.
Галерея проекта
Первый экран: предметная композиция и сдержанная типографика.Раздел производства: иллюстрация винокурни и самостоятельное оформление внутренних страниц.История производства: архивные материалы в едином оформлении сайта.
06 / РЕЗУЛЬТАТ
Индивидуальный дизайн, продуманный до внутренних разделов
Мы разработали сайт, в котором визуальная подача сочетается с понятной структурой: поэкранная главная, подробный рассказ о производстве, карта с фильтрами, новости и формы связи.
Основная работа — в согласовании этих разных сценариев. На главной важны композиция и движение, в справочнике — поиск, в статьях — удобство чтения. Каждый раздел получил подходящий интерфейс, сохранив характер всего проекта.
1С-БитриксИндивидуальный дизайнПоэкранная прокруткаАнимацияКарта и фильтры
СЛЕДУЮЩАЯ ИСТОРИЯ — ВАША
Обсудим ваш проект
Расскажите, какой сайт или сервис нужен вашей компании. Поможем определить состав работ и этапы.