Dr.Coffee
Корпоративный сайт с каталогом
для официального дилера кофемашин
Dr.Coffee Proxima — эксклюзивный представитель дистрибьютора по СЗФО в РФ, который представляет автоматические профессиональные кофемашины
Главная задача — сделать современный редизайн сайта, который увеличит конверсию и будет соответствовать запросам целевой аудитории. Также необходимо было показать компетентность компании с большой историей и ее лояльность к своим клиентам
Мы долго работали над визуализацией первого экрана, предлагали несколько концепций. Эти концепции очень понравились клиенту, и мы уже остановились на финальном варианте, но потом у нас возникла новая идея
Мы нашли фотографию классной кофемашины с выставки, она была в желтом цвете, показали клиенту. Клиент был в восторге, но это была старая кофемашина, которую нельзя показывать на первом экране.
Поэтому мы решили с нуля создать 3D-модель кофемашины, разукрасили ее в разные цвета и анимировали.
У нас получился классный и вовлекающий первый экран, который стал визитной карточкой этого сайта. Анимация добавила интерактивности и уникальности первому экрану, сделало сайт запоминающимся.
Дизайн главной страницы
- На первом экране главной страницы мы расположили баннер, который сделали с нуля с использованием 3D объекта
- Добавили блок с популярным товарами. Это поможет сильнее зацепить пользователя и повысит возможность перехода к карточке товара или в каталог
- Дополнили главную страницу промо-блоками, чтобы создать небольшой wow-эффект и запомниться пользователям
Каталог и фильтры
- Карточки товара сделали более информативными и удобными. Для просмотра кофемашины в профиль достаточно просто навести курсор на карточку
- Фильтрация стала более привычной, удобной и понятной для пользователя. Отрисовали состояние открытия и показали интерактивные элементы
Карточка товара
Наша цель была создать карточку товара, которая не только информирует о продукции как стандартная карточка интернет-магазина, но и является промо-историей для привлечения внимания пользователей и стимулирования к покупке.
О компании
Важно было передать масштаб и большую историю бренда Dr.Coffee. Отобразили в цифрах достижения компании за 14 лет работы в кофейном бизнесе. Познакомили со всеми членами команды.
Типографика и цвет
- В качестве шрифта использовали Gilroy. Шрифт выглядит современно, геометрично и минималистично, при этом у него есть узнаваемые черты
- Были подобраны сочетающиеся между собой цвета и определённое количество текстовых стилей, которые задают удобную и понятную иерархию
Дизайн-система
Разработали дизайн-систему, которую можно легко редактировать и использовать. Придерживались консистентности, так как это позволяет не плодить разные размеры у кнопок, карточек и т.д., а визуальный стиль сайта таким образом становится более слаженным
Примеры некоторых
страниц
Примеры дизайна страниц, которые включают в себя контент, ориентированный на большее погружение пользователей с компанией
Отзыв заказчика
«Ценим вашу внимательность к деталям и способность слышать и реализовывать пожелания клиентов»
От имени всей команды Kofes, я хочу выразить нашу искреннюю благодарность за вашу выдающуюся работу и помощь в дизайне нашего веб-сайта. Ваше мастерство и творческий подход позволили нам воплотить в жизнь наши идеи и представить наш бренд в лучшем свете. Мы с нетерпением ждём возможности снова работать с вами в будущем и с уверенностью рекомендуем “Славный дизайн” как надежного партнера в области веб-дизайна.
Панов А.В. Управляющий ООО «Кофес»