- На сайте с
- 2025 года
Ко мне обратились владельцы сети кофеен Aroma & Co. (на рынке с 2018 года) с запросом на обновление цифрового имиджа.
У заведения есть особенность: утром это место для деловых завтраков и бодрого старта, а вечером — лаунж-зона для расслабления. Старый сайт был статичным и не передавал эту двойственность атмосферы.
Ключевая цель: Разработать дизайн-концепцию и интерфейс, который бы подстраивался под контекст пользователя и время суток, сохраняя при этом премиальный характер бренда. Необходимо было реализовать безупречную работу в двух режимах: Светлом (утро/день) и Темном (вечер/ночь).
Задачи:
Обеспечить комфортное восприятие контента в любых условиях освещения.
Визуализировать слоган "Where Every Sip Tells a Story" через типографику и композицию.
Сфокусировать внимание на продукте с помощью минималистичного дизайна.
Я подошел к задаче через создание гибкой дизайн-системы с использованием токенов цветов. Главным техническим и визуальным решением стала реализация переключателя тем (Toggle Switch).
Два лица одного бренда:
Light Mode (Светлая тема): Использован теплый кремово-бежевый фон (Cream), ассоциирующийся с молочной пенкой и утренним светом. Контент выглядит воздушным, легким и "вкусным". Идеально для утреннего просмотра меню.
Dark Mode (Темная тема): Глубокий матовый черный (Matte Charcoal) создает атмосферу интимности и люкса. Золотые акценты на темном фоне начинают "светиться", подчеркивая элегантность. Этот режим снижает нагрузку на глаза в вечернее время.
Детали реализации:
Акцентный цвет: Я подобрал уникальный оттенок "Золотая охра", который одинаково дорого и контрастно смотрится на обоих фонах, связывая две темы в единый стиль.
Типографика: Крупная антиква в заголовках задает ритм повествования, а лаконичные иконки поддерживают минимализм.
Интерактивность: Реализована плавная анимация перехода между темами, чтобы смена режима не "била по глазам", а происходила мягко.
В итоге клиент получил современный, технологичный сайт, который уважает предпочтения пользователя.
Пользовательский опыт (UX): Возможность выбора темы значительно повысила время нахождения на сайте — пользователям нравится переключать режимы и оценивать изменения интерфейса.
Универсальность: Сайт идеально вписывается как в системные настройки смартфонов (автоматическое переключение), так и управляется вручную.
Имидж: Такое внимание к деталям интерфейса позиционирует Aroma & Co. как современный бренд, заботящийся о комфорте своих гостей еще до того, как они переступили порог кофейни.
