Сайт сети кофеен Rocinante
Клиент — сеть кофеен с мобильными и стационарными точками — хотел сайт, который отражает дружелюбную, тёплую атмосферу бренда: показывает меню, рассказывает об акциях и карте лояльности. Начал с глубокого исследования аудитории и составления мудборда, затем разработал дизайн с нуля.
Что нужно было сделать
Клиент — сеть кофеен с мобильными и стационарными точками — хотел сайт, который отражает дружелюбную, тёплую атмосферу бренда и решает практические задачи: показать меню, привлечь новых клиентов, рассказать об акциях и карте лояльности, информировать о новостях кофейни.
Аудитория сайта широкая — от офисных сотрудников и студентов до туристов и курьеров. Нужно было сделать сайт понятным и удобным для разных сценариев использования.
Как работал над проектом
Начал с глубокого исследования проекта — разобрал задачи заказчика, целевую аудиторию (от офисных сотрудников до курьеров и туристов), путь клиента и его ключевые потребности: скорость обслуживания, удобное расположение, качество кофе, приятный сервис.
На основе исследования собрал и согласовал с клиентом мудборд — цветовую гамму (оранжевый и зелёный как основные акценты, дружелюбие и свежесть; жёлтый и коричневый — тепло и традиционность), типографику (Raleway для заголовков, Nunito для текста) и общую композицию — скруглённые блоки и формы для ощущения мягкости.
После утверждения мудборда разработал дизайн с нуля, свёрстал в Webflow и перенёс готовую вёрстку в кастомную тему WordPress для удобного администрирования сайта клиентом.
Цвета и шрифты
Оранжевый и зелёный передают дружелюбие и свежесть, жёлтый и коричневый добавляют тепла и ощущения традиционности. Raleway в заголовках и Nunito в тексте создают лёгкое, дружелюбное настроение — то, что нужно городской кофейне.
Инструменты
Дизайн и вёрстка через Webflow, финальная платформа — WordPress для удобного администрирования сайта.
Что получилось
Получился цельный сайт сети кофеен, в котором каждое визуальное решение работает на нужный образ — дружелюбный, тёплый, ориентированный на широкую городскую аудиторию. Дружелюбная палитра, мягкие скруглённые формы и лёгкая типографика передают атмосферу бренда с первого экрана.
Сайт показывает меню, рассказывает об акциях и карте лояльности, информирует о новостях кофейни — закрывает основные задачи, с которыми клиент сталкивается на пути от поиска кофейни до повторного визита. После запуска клиент самостоятельно ведёт контент через WordPress — обновляет меню и публикует новости без обращения к разработчику.