Одностраничный сайт на Тильде для сети кофеен «Дни недели» в Москве
Как мы сделали лендинг для сети кофеен, передав эстетику бренда и любовь к гастрономическим экспериментам через цифровое пространство? В этом кейсе расскажем, как взяли этот вызов и создали современный сайт, который стал продолжением философии «Дни Недели».
Horeca
Питание
B2С
2024
Екатерина Комарова Арт-директор,
co-founder студии
co-founder студии
У нас прозрачный процесс разработки сайтов — показываем промежуточные результаты, предлагаем решения в рамках вашего бюджета, контролируем дедлайны и закрываем проекты раньше сроков.
«Дни Недели» — сеть кофеен, где вкус = целая философия. Уникальные напитки, гастрономические эксперименты и атмосфера, в которую хочется возвращаться. Но как передать всё это в цифровом формате, чтобы сайт работал не просто как визитка, а как полноценный инструмент бренда?
О проекте
20 рабочих дней
#madeontilda
Ссылка на проект
Задачи и цели
Современный бренд без цифрового присутствия — как латте без молока. Да, он есть, но чего-то явно не хватает. «Дни недели» активно расширялись, но без удобного, стильного сайта не могли полноценно транслировать свои ценности онлайн.
Не было сайта, а значит не было удобного способа для потенциальных гостей познакомиться с концепцией, увидеть авторские напитки и влюбиться в философию бренда ещё до первого визита. А в эпоху, когда первое знакомство с местом происходит в интернете, это может тормозить рост сети.
Молодая аудитория ожидает ярких, вдохновляющих решений в онлайне, а не просто текста и картинок. Нам нужно было создать сайт, который был бы не просто страницей с меню, а настоящим отражением их философии: уникальные напитки, натуральные ингредиенты и гастрономический подход, который можно почувствовать даже через экран.
Не было сайта, а значит не было удобного способа для потенциальных гостей познакомиться с концепцией, увидеть авторские напитки и влюбиться в философию бренда ещё до первого визита. А в эпоху, когда первое знакомство с местом происходит в интернете, это может тормозить рост сети.
Молодая аудитория ожидает ярких, вдохновляющих решений в онлайне, а не просто текста и картинок. Нам нужно было создать сайт, который был бы не просто страницей с меню, а настоящим отражением их философии: уникальные напитки, натуральные ингредиенты и гастрономический подход, который можно почувствовать даже через экран.
Подготовительные работы
Любая хорошая идея требует крепкой базы, поэтому перед стартом мы внимательно изучили конкурентов, чтобы понять, что уже существует на рынке, и какие решения могут выделить «Дни Недели» среди прочих. Мы провели глубинные интервью с заказчиком, прошлись по успешным примерам в индустрии, выделили тренды. После этого провели брейншторм с командой, чтобы понять, как передать эстетику «Дни Недели» и приступили к проектированию сайта и написанию текстов.
Проблемы на старте разработки:
Современный бренд без цифрового присутствия — как латте без молока. Да, он есть, но чего-то явно не хватает. «Дни недели» активно расширялись, но без удобного, стильного сайта не могли полноценно транслировать свои ценности онлайн.
Не было сайта, а значит не было удобного способа для потенциальных гостей познакомиться с концепцией, увидеть авторские напитки и влюбиться в философию бренда ещё до первого визита. А в эпоху, когда первое знакомство с местом происходит в интернете, это может тормозить рост сети.
Молодая аудитория ожидает ярких, вдохновляющих решений в онлайне, а не просто текста и картинок. Нам нужно было создать сайт, который был бы не просто страницей с меню, а настоящим отражением их философии: уникальные напитки, натуральные ингредиенты и гастрономический подход, который можно почувствовать даже через экран.
Не было сайта, а значит не было удобного способа для потенциальных гостей познакомиться с концепцией, увидеть авторские напитки и влюбиться в философию бренда ещё до первого визита. А в эпоху, когда первое знакомство с местом происходит в интернете, это может тормозить рост сети.
Молодая аудитория ожидает ярких, вдохновляющих решений в онлайне, а не просто текста и картинок. Нам нужно было создать сайт, который был бы не просто страницей с меню, а настоящим отражением их философии: уникальные напитки, натуральные ингредиенты и гастрономический подход, который можно почувствовать даже через экран.
Срок разработки
Награды
Этап проектирования
Фрагмент прототипа
Прототип — чёрно-белая схема без графики и финального дизайна, но с чёткой логикой. Его задача — проверить удобство навигации, отработать сценарии взаимодействия и выстроить понятную структуру сайта
Мы сфокусировались на тексте и сценариях взаимодействия: что пользователь увидит в первую очередь, как будет двигаться по странице, какие эмоции испытает. Показали идею 7 дней — 7 вкусов, которая отражает концепцию бренда. Предложили выделить каждый день недели и связать его с определенным напитком, создавая тематическую игровую механику, что добавляет интригу и вовлеченность.
Рассказали о подходе: отборные ингредиенты, отсутствие химозных сиропов, натуральные пюре и экстракты. Здесь мы сделали акцент на ценностях и смыслах, чтобы пользователь не только увидел, но и прочувствовал отличия «Дни Недели» от конкурентов.
Для передачи атмосферы мы интегрировали блоки с видео команды и заведений, которые нужны не только для того, чтобы показать интерьеры, но и визуально рассказать о людях, стоящих за брендом.
Преимущества бренда мы подали через лаконичные смысловые карточки: натуральные ингредиенты, авторские рецепты, гастрономическая миксология. Важный момент — баланс между продающей информацией и лёгким вовлекающим текстом. Минимум сухих фактов, максимум эмоциональной подачи.
Рассказали о подходе: отборные ингредиенты, отсутствие химозных сиропов, натуральные пюре и экстракты. Здесь мы сделали акцент на ценностях и смыслах, чтобы пользователь не только увидел, но и прочувствовал отличия «Дни Недели» от конкурентов.
Для передачи атмосферы мы интегрировали блоки с видео команды и заведений, которые нужны не только для того, чтобы показать интерьеры, но и визуально рассказать о людях, стоящих за брендом.
Преимущества бренда мы подали через лаконичные смысловые карточки: натуральные ингредиенты, авторские рецепты, гастрономическая миксология. Важный момент — баланс между продающей информацией и лёгким вовлекающим текстом. Минимум сухих фактов, максимум эмоциональной подачи.
Этап подбора референсов
Собрали визуальные референсы, разобрали все решения, что помогает минимизировать правки на этапе дизайна и позволяет попасть в ожидания заказчика. Далее записали видеопрезентацию и отправили клиенту для обратной связи.
Нам было важно, чтобы лендинг не выглядел как очередной сайт кофейни, а ощущался так же уникально, как напитки в меню. Рассматривали разные подходы: работа с цветом и контрастами, массивные изображения и видео с напитками, минимализм с акцентом на фирменный стиль, видеофоны, передающие динамику заведения, работа с плашками, яркая смелая типографика.
Одним из ключевых решений стало использование крупных фото и видео, потому что визуальная подача играет решающую роль в вовлечении. Яркие раскладки в стиле Bento, центральные выравнивания с монохромными акцентами, воздух. Рассматривали эффекты наведения, анимации появления, работу с прозрачностью. Вдохновлялись цифровыми галереями и визуальными трендами e-commerce — крупные карточки с лаконичным описанием, которые передают эстетику и уникальность каждого напитка.
Одним из ключевых решений стало использование крупных фото и видео, потому что визуальная подача играет решающую роль в вовлечении. Яркие раскладки в стиле Bento, центральные выравнивания с монохромными акцентами, воздух. Рассматривали эффекты наведения, анимации появления, работу с прозрачностью. Вдохновлялись цифровыми галереями и визуальными трендами e-commerce — крупные карточки с лаконичным описанием, которые передают эстетику и уникальность каждого напитка.
Финальный этап — дизайн, который превращает логику и смыслы в яркий, запоминающийся визуал. Ключевая задача — передать эстетику «Дни Недели» через цвета, формы и динамику с учетом брендбука, не перегрузив при этом пользователя лишними элементами.
Этап дизайна
Работа с сеткой
Блок «О проекте»
Блок «Ассортимент Дни недели»
Мы применили принцип лёгкости и динамики, создавая визуал, который не перегружает пользователя, при этом передает атмосферу бренда. Использовали крупные изображения и видео, чтобы расставить акценты на напитках, где тексту при этом отведено совсем немного внимания.
Работали с четырёхколоночной модульной сеткой, чередуя с воздухом. Меню убрали в бургер, чтобы не отвлекать внимание от контента, а типографику увели в монохромный синий, чтобы создать единый визуальный стиль без лишнего шума.
Видео и изображения стали центральным ядром дизайна, которое мы аккуратно приправили легкой анимацией уже на верстке. Всё это в совокупности создало лёгкий, стильный и живой сайт, полностью отражающий философию бренда.
Еще мы интегрировали фирменные элементы — паттерны в виде кружек и вилок, в подвал сайта, чтобы усилить единый стиль бренда. Элементы добавили уникальности дизайну и подчеркнули атмосферу кафе, создавая визуальную гармонию и ещё больше связывая сайт с идентичностью «Дни Недели».
Работали с четырёхколоночной модульной сеткой, чередуя с воздухом. Меню убрали в бургер, чтобы не отвлекать внимание от контента, а типографику увели в монохромный синий, чтобы создать единый визуальный стиль без лишнего шума.
Видео и изображения стали центральным ядром дизайна, которое мы аккуратно приправили легкой анимацией уже на верстке. Всё это в совокупности создало лёгкий, стильный и живой сайт, полностью отражающий философию бренда.
Еще мы интегрировали фирменные элементы — паттерны в виде кружек и вилок, в подвал сайта, чтобы усилить единый стиль бренда. Элементы добавили уникальности дизайну и подчеркнули атмосферу кафе, создавая визуальную гармонию и ещё больше связывая сайт с идентичностью «Дни Недели».
Мы сверстали дизайн на Tilda, органично встроили 13 видео без потери качества — получилась сочная динамичная презентация ассортимента и самого бренда в стильном трендовом формате.
Верстка на Tilda, SEO-оптимизация и финальные тесты
Адаптация дизайна
Настроили адаптивные версии, чтобы сайт одинаково выглядел на всех разрешениях и позаботились о скорости загрузки — оптимизировали видео и изображения перед версткой, уменьшив их вес, чтобы сайт быстро загружался.
Далее сделали базовую SEO-оптимизацию: проставили мета-теги title, description, alt-теги и заголовки h1, h2 — всё сделано для того, чтобы сайт корректно проиндексировался и стал видим в поисковиках.
Еще мы добавили карту со всеми заведениями в подвале сайта кодом, стилизовав ее под черно-белый формат в стиль сайта, Настроили отклик у всех интерактивных элементов интерфейса, протестировали работу бургерного меню на всех разрешениях.
Далее сделали базовую SEO-оптимизацию: проставили мета-теги title, description, alt-теги и заголовки h1, h2 — всё сделано для того, чтобы сайт корректно проиндексировался и стал видим в поисковиках.
Еще мы добавили карту со всеми заведениями в подвале сайта кодом, стилизовав ее под черно-белый формат в стиль сайта, Настроили отклик у всех интерактивных элементов интерфейса, протестировали работу бургерного меню на всех разрешениях.
Нажимая на кнопку «Отправить», вы соглашаетесь с положениями Политики конфиденциальности
CEO «Дни недели»
Роман Басов
Сотрудничество — партнерство, где обе стороны заинтересованы в результате. Свяжитесь с нами для обсуждения проекта — оставьте заявку на сайте или напишите в удобный для вас мессенджер.
«Дни недели» укрепили присутствие в онлайн-пространстве, привлекли внимание целевой аудитории — лендинг вызывает эмоции, помогает клиентам лучше понять подход, ценности и философию кофеен, а также предоставляет всю необходимую информацию по конкретным заведениям сети.
Достигнутые результаты и отзыв
Ребятам низкий поклон. Все четко, понятно, коммуникация налажена, сервис на высшем уровне! Хочется отметить полную вовлеченность в процессы, ребята каждый день держали нас в тонусе :)
“
Екатерина Комарова
Арт-дир, co-founder
Задаю творческий вектор, отвечаю за общий визуальный стиль проектов, контролирую дедлайны и веду переговоры
Задаю творческий вектор, отвечаю за общий визуальный стиль проектов, контролирую дедлайны и веду переговоры
Сергей Комаров
CVO&UX, co-founder
Проектирую интерфейсы, отвечаю за логику и структуру, контролирую техническую реализацию проектов
Проектирую интерфейсы, отвечаю за логику и структуру, контролирую техническую реализацию проектов
5+
специалистов в команде
Сайт для МЛА+ был реализован за 20 рабочих дней. Над проектом работала часть команды: UX-дизайнер, веб-дизайнер, арт-директор, верстальщик, разработчик
Команда
Больше кейсов и экспертных статей от нашей команды читайте на популярных медиаплатформах для дизайнеров и бизнеса:
Полезные материалы и кейсы студии komarovaeee
Рекомендуем
Узнать о нас больше, следить за развитием студии можно в нашем уютном telegram-канале: