Dr.Coffee

НОЯБРЬ 2023 — ФЕВРАЛЬ 2024

Корпоративный сайт с каталогом
для официального дилера кофемашин

Услуги
Аналитика UX/UI-дизайн 3D-визуализация Frontend-разработка Backend-разработка
Задача

Dr.Coffee Proxima — эксклюзивный представитель дистрибьютора по СЗФО в РФ, который представляет автоматические профессиональные кофемашины

Главная задача — сделать современный редизайн сайта, который увеличит конверсию и будет соответствовать запросам целевой аудитории. Также необходимо было показать компетентность компании с большой историей и ее лояльность к своим клиентам

Визуализация первого экрана

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

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

Поэтому мы решили с нуля создать 3D-модель кофемашины, разукрасили ее в разные цвета и анимировали.

У нас получился классный и вовлекающий первый экран, который стал визитной карточкой этого сайта. Анимация добавила интерактивности и уникальности первому экрану, сделало сайт запоминающимся.

Дизайн главной страницы

  • На первом экране главной страницы мы расположили баннер, который сделали с нуля с использованием 3D объекта
  • Добавили блок с популярным товарами. Это поможет сильнее зацепить пользователя и повысит возможность перехода к карточке товара или в каталог
  • Дополнили главную страницу промо-блоками, чтобы создать небольшой wow-эффект и запомниться пользователям

Каталог и фильтры

  • Карточки товара сделали более информативными и удобными. Для просмотра кофемашины в профиль достаточно просто навести курсор на карточку
  • Фильтрация стала более привычной, удобной и понятной для пользователя. Отрисовали состояние открытия и показали интерактивные элементы

Карточка товара

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

О компании

Важно было передать масштаб и большую историю бренда Dr.Coffee. Отобразили в цифрах достижения компании за 14 лет работы в кофейном бизнесе. Познакомили со всеми членами команды.

Типографика и цвет

  • В качестве шрифта использовали Gilroy. Шрифт выглядит современно, геометрично и минималистично, при этом у него есть узнаваемые черты
  • Были подобраны сочетающиеся между собой цвета и определённое количество текстовых стилей, которые задают удобную и понятную иерархию

Дизайн-система

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

Примеры некоторых
страниц

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

Отзыв заказчика

Отзыв .pdf

«Ценим вашу внимательность к деталям и способность слышать и реализовывать пожелания клиентов»

От имени всей команды Kofes, я хочу выразить нашу искреннюю благодарность за вашу выдающуюся работу и помощь в дизайне нашего веб-сайта. Ваше мастерство и творческий подход позволили нам воплотить в жизнь наши идеи и представить наш бренд в лучшем свете. Мы с нетерпением ждём возможности снова работать с вами в будущем и с уверенностью рекомендуем “Славный дизайн” как надежного партнера в области веб-дизайна.

Панов А.В. Управляющий ООО «Кофес»

Оставить заявку