«COFFF»
разработка дизайна продающего сайта

Разработали дизайн продающего сайта для монобрендового магазина по продаже кофейного оборудования

2023

Дизайн

Frontend

CRM

Адрес:

cofff.ru

Перейти
на сайт

<span>«COFFF»</span><br> разработка дизайна продающего сайта

COFFF – бренд профессионального кофейного оборудования. Продукция компании производится в Италии и Турции, и представлена в бюджетном ценовом сегменте. Владельцем бренда компании является компания Red Gastro.

Задача, поставленная
заказчиком

Сделать структуру
и нарисовать дизайн сайта для продажи кофейного оборудования

Резюме проекта

Начало работ:

июнь 2023

Окончание работ:

июль 2023

Какие задачи мы решали в проекте «COFFF»

Проработали структуру
страницы

Разработали общий
стиль оформления

Сделали набор функциональных
элементов

Отрисовали дополнительные
страницы

Какими инструментами
мы пользовались

Для дизайна – традиционная Figma.
Word для формирования отчетности

Figma

Excel

MS Word

Проработали структуру
страниц и сайта

Перед нами стояла задача сделать легкий и простой в использовании промо-сайт для бренда Cofff.

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

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

Сделали ui-kit

Все необходимые для верстки сайта элементы оформили в виде ui-kit. В нем представлены цветовые решения, шрифты, кнопки, инпуты, карусели, списки, табы, чек-боксы, радио-кнопки, иконки. Все элементы оформлены в едином стиле.

Разработали общий
стиль оформления

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

Все элементы ui-kit выполненные в округлых формах: это позволяет подчеркнуть дизайн
оборудования Cofff.

Отрисовали
дополнительные
страницы

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

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