Перейти к содержанию
Case 01 / Сайт

Тверской уголь

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

Обсудить похожую задачу
Главный экран проекта «Тверской уголь»
01 / CoverСайт · Ollum Group
Проект
Тверской уголь
Формат
Сайт
Фокус
Каталог и маршрут к заказу
Состав
Strategy / UX/UI / Development
01 / Контекст

История проекта

Премиальная подача продукта, который привыкли выбирать только по цене

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

Мы построили историю вокруг происхождения продукта, ремесла и характера бренда. Атмосфера создаёт первое впечатление, а структура быстро переводит интерес к ассортименту и заказу.

02 / Задача

Что мешало бизнесу

Объяснить разницу там, где предложения кажутся одинаковыми

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

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

01

Образ бренда

Тёмная палитра, крупная типографика и фактура угля создают собственный визуальный характер.

02

История продукта

Происхождение, производство и сценарии использования собраны в последовательный рассказ.

03

Путь к заказу

Каталог и целевые действия встроены в историю и остаются заметными на ключевых этапах страницы.

03 / Визуальная система

Интерфейс в деталях

Общая композиция и крупные фрагменты ключевых зон проекта.

Интерфейс проекта «Тверской уголь»: Первый экран
01Первый экран
Интерфейс проекта «Тверской уголь»: Образ и типографика
02Образ и типографика
Интерфейс проекта «Тверской уголь»: Продукт и действие
03Продукт и действие
04 / Процесс

Как пришли к решению

01

Позиционирование

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

02

Сценарий

Связали знакомство, доказательства качества, ассортимент и заказ.

03

Арт-дирекшн

Собрали атмосферную визуальную систему вокруг огня, угля и ремесла.

04

Разработка

Перенесли дизайн в адаптивный интерфейс с ясной навигацией.

05 / Результат

Что изменилось

Состав работ
Арт-дирекшнСтруктура и UXUI-дизайнКонтент-подачаFrontend-разработка
  • 01Цельный цифровой образ премиального бренда
  • 02Понятный каталог без потери атмосферы
  • 03Последовательный маршрут от интереса к заказу
Есть похожая задача?

Разберём продукт и предложим следующий шаг

Можно прийти без готового ТЗ. Начнём с контекста бизнеса, ограничений и результата, который должен дать проект.

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