ДИЗАЙН + РАЗРАБОТКА

Сайт обжарочного производства «Фабрика кофе»

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

ПЛАТФОРМАWordPress
ТИП РАБОТЫПод ключ
СТРАНИЦ1
ГОД2024
1 / 4
ЗАДАЧА

Что нужно было сделать

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

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

ПРОЦЕСС

Как работал над проектом

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

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

Разработал дизайн каталога — атмосферные крупные фото кофе, тёплую крафтовую палитру, классический serif-шрифт в заголовках. Добавил декоративные иллюстрации зёрен. Свёрстал в Webflow и перенёс на WordPress.

Дизайн-решения

Цвета и шрифты

Тёмно-коричневый фон передаёт атмосферу обжарочного цеха, крафтовый бежевый — природность и ремесленность зерна. Широкий serif-шрифт в заголовках отсылает к классическим кофейным вывескам, простой sans-serif в тексте обеспечивает читаемость.

ПАЛИТРА
#1A1410
#8B6F47
#E8DDC8
#FFFFFF
ШРИФТЫ
ЗАГОЛОВКИ — PLAYFAIR DISPLAY
Фабрика кофе
ТЕКСТ — MONTSERRAT
Свежеобжаренные зёрна
СТЕК

Инструменты

Дизайн с нуля и перенос на WordPress для удобного администрирования каталога и блога клиентом.

FigmaWordPressWebflow
РЕЗУЛЬТАТ

Что получилось

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

Блог даёт дополнительный повод возвращаться на сайт и работает на доверие к бренду как к экспертам в своей области.

30
Сортов зерна в каталоге
1
Страница сайта
3
Обращений к разработчику после запуска
СЛЕДУЮЩИЙ ШАГ

Нужен похожий проект?
Обсудим детали

Скриншот проекта