Создание сайта обжарщика кофе MARKA

MARKA Coffee — обжарщик кофе из Уфы. Бренд работает с моносортами и купажами, предлагает кофе для разных способов приготовления и знакомит покупателей со своим подходом к зерну и обжарке.

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

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

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

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

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

Каталог организован как сетка карточек с одинаковым порядком информации. У каждого кофе есть фотография, название, фасовка, вкусовые ноты, состав и способ обработки. Кислотность и плотность показаны компактными визуальными шкалами: сорта можно сопоставить ещё до перехода на подробную страницу. В ассортименте представлены упаковки разного веса и позиции для фильтра.

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

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

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