Кейсы
«COFFF»
разработка дизайна продающего сайта
Разработали дизайн продающего сайта для монобрендового магазина по продаже кофейного оборудования
2023
Адрес:
cofff.ruна сайт
COFFF – бренд профессионального кофейного оборудования. Продукция компании производится в Италии и Турции, и представлена в бюджетном ценовом сегменте. Владельцем бренда компании является компания Red Gastro.
Задача, поставленная
заказчиком
Сделать структуру
и нарисовать дизайн сайта для продажи кофейного оборудования
и нарисовать дизайн сайта для продажи кофейного оборудования
Резюме проекта
Начало работ:
июнь 2023
Окончание работ:
июль 2023
Какие задачи мы решали в проекте «COFFF»
Какими инструментами
мы пользовались
Для дизайна – традиционная Figma.
Word для формирования отчетности
Word для формирования отчетности
Figma
Excel
MS Word
Проработали структуру
страниц и сайта
Перед нами стояла задача сделать легкий и простой в использовании промо-сайт для бренда Cofff.
Сайт состоит из главной страницы, которая представляет из себя эффективный продающий лендинг, на котором представлена информация необходимая для принятия решения о покупке: информация о бренде, продуктах и их преимуществах.
На главной странице создан блок с полным ассортиментом, и для каждого продукта предусмотрена карточка товара.
Сделали ui-kit
Все необходимые для верстки сайта элементы оформили в виде ui-kit. В нем представлены цветовые решения, шрифты, кнопки, инпуты, карусели, списки, табы, чек-боксы, радио-кнопки, иконки. Все элементы оформлены в едином стиле.
Разработали общий
стиль оформления
По просьбе заказчика мы сделали дизайн максимально минималистичным. Цветовая схема: чернобелая, и акценты в цвете кофе.
Все элементы ui-kit выполненные в округлых формах: это позволяет подчеркнуть дизайн
оборудования Cofff.
оборудования Cofff.
Отрисовали
дополнительные
страницы
Для удобства верстальщиков нарисовали страницы продуктов: так разработчикам понятно, какие необходимо сделать отступы, какие размеры и пропорции элементов необходимо соблюдать.
Все конверсионные элементы расположены в pop-up окнах.
В них расположены формы обратной связи и заказа, готовые комплекты оборудования, достаточные для открытия полноценной кофейни.
В них расположены формы обратной связи и заказа, готовые комплекты оборудования, достаточные для открытия полноценной кофейни.
Нарисовали
мобильную версию
Все страницы отрисовали в виде мобильных
макетов: шириной 320px, с указанием
функциональных блоков.
макетов: шириной 320px, с указанием
функциональных блоков.
Фото
Галерея
Дизайн макеты сайта
для проекта «COFFF»
для проекта «COFFF»
Немного цифр
Считаем мы всегда, но не все цифры можем показывать.
Но некоторые немножко можем!
Но некоторые немножко можем!
2
Итерации правок
прошло до приемки дизайна
прошло до приемки дизайна
16
Полноценных макетов
отрисовали для создания сайта
отрисовали для создания сайта
100+
Элементов содержит ui-kit
Заказать проект
У вас есть похожая задача? Напишите нам и мы поделимся опытом и поможем с реализацией!
Написать
Cмотрите
похожие кейсы
похожие кейсы
Web-AR для Gauss
Сделали небольшой промо-сайт и решение с дополненной реальностью на web-ar для компании Вартон
2022
Amarylis
В 2019 году компания перезапускала интернет-магазин, и, столкнувшись с задачей проектирования интерфейса и создания дизайна обратилась
к нам за помощью.
к нам за помощью.
2020
VITRAJI
Разработали сайт для презентации продуктов компании и преимуществ работы с ней для строительных компаний, дизайнеров и агентств.
2022
Paradiso
Отель Paradiso расположен на горном склоне Южного Тироля и предлагает своим гостям зимние и летние программы отдыха
2020
Noirot
Совместно с компанией ООО Нуаро наша команда провела предметную фотосъёмку для каталога и рекламы.
2019
Овертайм
Сделали современный сайт для рекламы баскетбольного лагеря для детей и подростков, помогли команде с маркетингом и позиционированием
2023
Premium Technologies
Разработали промо-сайт и рекламные кампании для продвижения розничных и мелкооптовых продаж продукции Schüco и дополнительных услуг компании Премиум Технолоджис.
2021
Oscar-Et-Valentine
Случается, что после запуска сайта сразу же требуется его редизайн. С сайтом Oscar Et Valentine произошла именно такая история.
2020
Показать еще
