← Все проекты
Кейс № 09 Client · Editorial · Premium · Brand

Honey Ilya.
Концепт premium-мёда
в чёрной банке.

Брендовый концепт бутикового мёда. Прежде чем рисовать сайт — пересмотрели как продают мёд другие, провели research пятёрки конкурентов и зафиксировали паттерн: жёлто-коричневые соты, оранжевые акции, провинциальная типографика. Дальше выстроили обратную подачу: тёмная палитра, макро-кадры мёда на сланце, типографика Prata × IBM Plex, шесть сортов с паспортом сезона. Le Labo и Maison du Miel вместо «купи 3 банки со скидкой».

Honey Ilya — главная страница
honey-ilya · «цветочный мёд · поле под калугой»
6
сортов с паспортом
Разнотравье, липа, гречиха, акация, донник, каштан — каждый сорт со своим регионом, цветом, вкусовой картой и сезоном сбора
9
секций editorial-нарратива
Hero · manifesto · catalog · featured · steps · process · faq · footer — каждая секция своим темпом, без унылого «скролл на одних карточках»
2
шрифта формируют тон
Prata haute-couture serif для заголовков, IBM Plex Sans + Mono для текста и подписей. Без типографики бренд бы развалился
100%
vanilla — без сборщиков
Чистый HTML, CSS, JS, без Astro и Next. Reveal-on-scroll, FAQ-аккордион, фильтры — на голом JS, мгновенная загрузка
§ 01 — Задача

Мёд в России продают как сахар.
Сначала мы посмотрели — как именно.

Заказчик — пасечник Илья, у него small-batch мёд с известных полей. Хотел сайт, который поставит его рядом с премиум-брендами, а не в одну корзину с массовым ритейлом. Прежде чем рисовать пиксели, мы пересмотрели как продают мёд другие — пять рабочих российских сайтов от классических интернет-магазинов до маркетплейсов БАДов. Картина оказалась монотонной: одинаковые жёлто-коричневые соты, провинциальная типографика, оранжевые «−30% сегодня», корзина с десятью сортами в одной мерке литровых банок.

Honey Ilya должен был играть в другую лигу. Не торговая площадка мёда, а fine-art food: каждый сорт — single-origin, с конкретным полем, регионом, сезоном, вкусовой картой. Le Labo и Maison du Miel вместо «купи 3 банки со скидкой». Цена не за килограмм, а за конкретный сезон с конкретного поля.

это концепт, а не финальный продакшн

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

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

§ 02 — Research конкурентов

Как продают мёд остальные.

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

Конкурент honey.ru
honey.ru · форум о мёде

Олдскульная вёрстка из 2005 года: жёлто-коричневая палитра, пчелиные соты в шапке, текст пятнадцатого размера. Содержание под этим — устаревший форум. Никаких товаров, никакой типографики, никакого нарратива.

Конкурент tentorium.ru
tentorium.ru · мёд + БАДы

Типичный e-commerce: оранжевые баннеры скидок, «новый сезон 2026», «акции». Мёд тонет в каталоге БАДов и косметики. Карточки товаров стандартные, бренд не выражен.

аспект
обычно
honey ilya
палитра
Жёлто-коричневые соты, оранжевые баннеры акций
Тёмный уголь и эспрессо, акцент только в двух градациях золота
типографика
Системные шрифты, кричащий sans, набор «1С: Розница»
Prata haute couture для заголовков, IBM Plex для текста и метаданных
главный герой
Стоковая пчела, банки с одинаковыми этикетками, акции
Макро-кадр мёда на чёрном сланце, fine-art food photography
единица продажи
Цена за килограмм, скидка от пяти банок, литры в смешанной таре
Сезон с конкретного поля, 250 г, цена за единицу — без оптовой логики
метаданные сорта
«Натуральный, полезный, кавказский» — текст без конкретики
Паспорт сорта: регион, высота, сезон, цвет, ноты, тираж
тон обращения
«Купить со скидкой», «выгодное предложение», подарочные наборы
Editorial-нарратив: пасечник, поле, сезон цветения, цитаты Prata
§ 03 — Концепт в кадре

А так это выглядит у нас.

Если у конкурентов главный герой — баннер «−30% на майский», то здесь главный герой — макро-кадр мёда. Ниже — тот самый материал с лендинга, чтобы не нужно было туда заходить.

Тягучий мёд на чёрном сланце
главный кадр · pdp

Тягучий мёд
на чёрном сланце.

Не банка, не пасечник, не текст «100% натуральный». Главный герой — макро-кадр мёда, медленно стекающего на сланец. Когда смотришь на это сорок секунд, цена 1 200 ₽ за 250 граммов перестаёт казаться странной — это цена за конкретный поток света и тягучести, а не за сахарную массу.

Шесть сортов в одном кадре · single-origin

фото с лендинга · в собственной палитре
Разнотравье · Поле под Калугой
№ 01 · разнотравье

Поле под Калугой

Луговой сбор июня, светло-янтарный. Аромат полевых трав после грозы.

250 г1 200 ₽
Липа таёжная · Алтай
№ 02 · липа таёжная

Кедровая елань

Сбор в первой декаде июля. Глубокий золотой, ноты дикой розы и леса.

250 г1 800 ₽
Гречиха · Степь под Орлом
№ 03 · гречиха

Степь под Орлом

Тёмно-янтарный, минеральные ноты, лёгкая горчинка послевкусия.

250 г1 400 ₽
Акация · Краснодарская долина
№ 04 · акация

Краснодарская долина

Самый светлый и деликатный из шести сортов. Долго не кристаллизуется.

250 г1 600 ₽
Донник · Поле у Тобола
№ 05 · донник

Поле у Тобола

Янтарно-зелёный с ванильной нотой. Августовский, плотный и тягучий.

250 г1 300 ₽
Каштан · Сочинские предгорья
№ 06 · каштан

Сочинские предгорья

Тёмный, почти чёрный. Терпкий, ноты карамели. Двадцать с небольшим банок в год.

250 г2 100 ₽
Hero · мёд с пчелойhero
Manifesto · портрет рук пасечникаmanifesto
Process · пасека на закатеprocess
§ 04 — Что внутри

Шесть слоёв от палитры до паспорта мёда.

/ 01

Палитра — тёмный уголь, сливочный, золотой

Основа лендинга — три тёмных оттенка для разных секций (тёплый уголь, эспрессо, холодный графит) и два светлых (сливочный для манифеста и шагов, бумажный текст). Акцент только в одном цвете — золоте, причём в двух градациях: тёмный для CTA и яркий для hover.

Никакого белого фона: за editorial-эстетикой стоит правило «не давай глазам отдохнуть на чистом white» — везде тёплый уголь или сливочный, текст всегда тёплый, не #fff. Это сразу даёт сайту премиум-ощущение.

/ 02

Типографика — Prata haute couture × IBM Plex

Заголовки — Prata. Это шрифт уровня haute couture: тонкий serif с курсивом, который встречаешь в журналах Vogue Russia и в подписях к коллекциям Maison du Miel. Не утилитарный, не информативный — он работает как украшение текста.

Тело текста — IBM Plex Sans, подписи — IBM Plex Mono. Это противоположность Prata: тех-шрифт со строгим характером. Между ними — нужный диалог: когда заголовок Prata выводит «Поле под Калугой», моноширинный IBM Plex рядом подписывает «SHOP 2024 · SINGLE-ORIGIN» — и весь сайт собирается.

/ 03

Каталог — шесть сортов как кляксы на сланце

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

Цена идёт мелким моноширинным шрифтом — это не аргумент к покупке, это просто метаданные. Аргумент — фотография, регион и название сезона.

/ 04

Featured — паспорт мёда вместо описания

Один сорт всегда вынесен в featured-секцию. Слева — большая фотография, справа — паспорт: регион, поле, сезон, цвет, вкусовые ноты, температурная карта мёда. Это не «характеристики товара», а паспорт сорта в стиле энотеки или single-origin кофе.

Покупатель видит «Кедровая елань · Алтай · сбор 4–11 июля 2024 · цвет глубокий золотой · ноты дикой розы и леса» и понимает, что покупает не «банку мёда», а конкретный сезон конкретного поля.

/ 05

Manifesto — портрет рук и editorial-цитата

Между каталогом и шагами — отдельная сливочная секция-манифест. Кадр рук пасечника крупным планом, рядом editorial-цитата на сливочном фоне. Цитата большая, набрана Prata, без шумных подписей и кнопок «купить сейчас».

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

/ 06

От поля до банки — четыре шага без воды

Светлый разделитель в середине лендинга показывает процесс: где растёт, как собирается, как проверяется, как упаковывается. Без таймлайнов, инфографики, иконок «качество», «контроль», «доставка».

Это нужно для покупателя, который сомневается в эффективности «премиум-мёда» — увидит конкретный путь и поймёт, что цена 1 200 ₽ покрывает не маркетинг, а четыре конкретных этапа.

§ 05 — Сорта · single-origin

Шесть сортов. Шесть полей. Шесть сезонов.

№ 01 · разнотравьеиюнь
  • Поле под Калугойтёплый янтарь
  • Луговой сбор: донник, клевер, василёк12+ нот
  • 250 г · 1 200 ₽тираж 480
№ 02 · липа таёжнаяиюль
  • Кедровая елань · Алтайглубокий золотой
  • Северный склон, +600 м+2 нед
  • 250 г · 1 800 ₽тираж 142
№ 03 · гречихаавгуст
  • Степь под Орломтёмный янтарь
  • Минеральные ноты, лёгкая горчинкаплотный
  • 250 г · 1 400 ₽тираж 320
№ 04 · акациямай
  • Краснодарская долинасветлый
  • Самый деликатный из шестидолго жидкий
  • 250 г · 1 600 ₽тираж 210
№ 05 · донникавгуст
  • Поле у Тоболаянтарно-зелёный
  • Ванильная нота, плотная текстуратягучий
  • 250 г · 1 300 ₽тираж 280
№ 06 · каштаниюнь
  • Сочинские предгорьяпочти чёрный
  • Терпкий, ноты карамелиредкий
  • 250 г · 2 100 ₽тираж 24
§ 06 — Стек

Без сборщиков. Без CMS. Только vanilla.

фронт
HTML / CSS / JS · vanilla
типографика
Prata · IBM Plex Sans · Mono
фотосёт
10 кадров через imagegen
взаимодействие
Reveal-on-scroll · FAQ-аккордион
фильтры каталога
JS-фильтры по сортам
accessibility
prefers-reduced-motion
прокси
nginx + Let's Encrypt
деплой
Rsync · единая статика
SEO
Метатеги · OG · sitemap
§ 07 — Итог

Бренд начинается там,
где заканчивается
«100% натуральный».

Honey Ilya — пример того, как маленькому продукту попасть в премиум-сегмент через подачу, а не через цену. Те же шесть сортов мёда продают сотни магазинов с заголовками «купи 3 банки со скидкой 20%». Здесь — макро-кадры, паспорт сорта, региональная привязка, типографика haute couture.

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

6
single-origin сортов
9
секций editorial-нарратива
2
шрифта формируют тон
0
сборщиков · фреймворков
§ 08 — Лендинг

Похожий бренд
под свой продукт?

Editorial-лендинг под small-batch produce, ремесленный продукт, бутиковый бренд — обсуждаем под нишу. Палитра, типографика, фотонарратив подбирается отдельно. Базовый формат с шестью сортами и манифестом — 2–3 недели до запуска.

Открыть лендинг Telegram