Кейс · Кафе и рестораны

Кофейня «Подоконник»

Сайт с меню, бронью столика и картой. Дизайн нарисовали под бренд, а цены, фото и часы работы кофейня меняет сама.

Обсудить похожий

01 / 11 · листайте вниз

02 Задача

Сайт, на котором хочется задержаться

Небольшой кофейне нужен сайт, который передаёт атмосферу места, показывает меню с ценами и принимает бронь столика.

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

Кафе и рестораны · Конструктор с индивидуальным дизайном

03 Решение

Что мы сделали

Нарисовали дизайн под бренд и собрали сайт из блоков нашего конструктора — каждый блок кофейня правит сама.

  • Дизайн под бренд

    Тёплая палитра, антиква и арочные окна — мотив проходит от первого экрана до формы брони.

  • Меню с ценами

    Вкладки по категориям, карточки напитков с объёмом и ценой. Цена меняется в админке за минуту.

  • Бронь столика

    Форма с датой, временем и числом гостей. Заявки приходят в админку.

  • Адрес и часы на карте

    Карта на всю секцию и карточка с адресом и часами — сразу видно, открыто ли сейчас.

  • Галерея и отзывы

    Интерьер, бариста и зерно — в галерее арками; отзывы гостей — крупно, по одному.

  • Своя админка

    Редакторы блоков под этот дизайн: текст, фото или цену поменяет любой сотрудник.

04 Было и стало

Что изменилось для кофейни

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

  • Меню и цены

    Было: Фото меню в соцсетях, цены устаревали

    Стало: Страница меню — цены меняет бариста

  • Бронь столика

    Было: Только по телефону и в часы работы

    Стало: Форма на сайте, заявка приходит в админку

  • Как найти

    Было: Адрес в описании профиля

    Стало: Карта, адрес и часы — видно, открыто ли сейчас

  • Правки на сайте

    Было: Некому вносить

    Стало: Любой сотрудник, без разработчика

05 Ход проекта

Шесть недель — от звонка до запуска

Каждый этап заканчивается показом: вы видите результат по ходу работы, а не ждёте конца проекта.

  1. Обсуждение1 нед1 нед — созвоны, бриф, оценка
  2. Дизайн1,5 нед1,5 нед — макет и тема, два круга правок
  3. Разработка2,5 нед2,5 нед — блоки, админка, карта и бронь
  4. Запуск1 нед1 нед — перенос, обучение, запуск
  • работаем вместе с вами
  • работаем мы
  • показываем результат этапа

06 Галерея

Один дизайн — на всех экранах

Сайт перестраивается под компьютер, планшет и телефон. Арочные окна и тёплая палитра узнаются на любой ширине.

Первый экран сайта кофейни «Подоконник» на компьютере
1920 · компьютер, первый экран
Первый экран сайта кофейни на планшете
768 · планшет
Первый экран сайта кофейни на телефоне
375 · телефон
Секция меню: вкладки «Напитки», «Десерты», «Завтраки» и карточки напитков с ценами
Меню: вкладки по категориям и карточки напитков с ценой

Кофейня «Подоконник» · 2026

Дизайн и разработка — Lift and Coast

07 Результат

Результат в цифрах

Что получилось после запуска. Цифры с пометкой — заменить на реальные.

секций на главной
11
ширины экрана в макете
4
секунды до первого экрана · заменить
0.9
чтобы поменять цену в меню · заменить
2 мин

08  /  Стек

На чём собрано

09 Отзыв

Что говорит клиент

Здесь будет отзыв владельца кофейни: пара фраз о том, как прошла работа и что изменилось после запуска.
Имя Фамилиявладелец кофейни «Подоконник»

10 Дальше

Следующий кейс

  • Главная страница сайта стоматологической клиники
    • Клиники
    • Конструктор сайтов

    Стоматологическая клиника

    Услуги с ценами, врачи, запись на приём и карта. Собрано из секций библиотеки в спокойной синей теме.

    12секций на главной

11 Заявка

Хотите похожий сайт?

Расскажите о своём деле — предложим, как сделать сайт, который вы сможете править сами. Ответим в течение рабочего дня.

Заявка приходит команде напрямую, без ботов