Bean & Breeze
Проектная
работа
2025
Год
Задача:
Создать адаптивный лендинг, который передаёт уютную атмосферу кафе у моря, презентует меню и удобен для пользователей на всех устройствах. Основной упор — на лёгкость восприятия, визуальный комфорт и эмоциональный отклик у целевой аудитории (20–40 лет).

О проекте

Название: Лендинг для кафе Bean & Breeze
Исполнитель: WebArt Lab (Светлана)
Тип: Одностраничный сайт
Цель: Презентация кофейни с морской атмосферой
и сбор заявок на бронь столиков

О проекте

Название: Лендинг для кафе
Bean & Breeze
Исполнитель: WebArt Lab (Светлана)
Тип: Одностраничный сайт
Цель: Презентация кофейни
с морской атмосферой
и сбор заявок на бронь столиков

Задача:

Создать адаптивный лендинг, который передаёт уютную атмосферу кафе у моря, презентует меню и удобен для пользователей на всех устройствах.
Основной упор — на лёгкость восприятия, визуальный комфорт
и эмоциональный отклик у целевой аудитории (20–40 лет).

Проектная работа
Год 2025
1. Прототипирование
  • Разработка структуры и блоков: главная секция, описание, меню, преимущества, контакты
  • UX-логика: логичная навигация, призывы к действию, простота формы бронирования


2. Дизайн
  • Цветовая палитра: морской синий, песочный, белый — ассоциации с бризом, пляжем и кофе
  • Шрифты: Montserrat и Roboto для сочетания выразительности и читаемости
  • Эстетика: минимализм, мягкие анимации, морские детали (волны, песок, чашка кофе)


3. Адаптив и реализация
  • Верстка на платформе Tilda
  • Адаптация под все устройства (десктоп, планшет, смартфон)
  • Настройка якорных ссылок, карты, формы заявки и кликабельных кнопок
  • Тестирование всех элементов на корректную работу

Этапы проекта:

Этапы проекта:
1. Прототипирование
  • Разработка структуры и блоков: главная секция, описание, меню, преимущества, контакты
  • UX-логика: логичная навигация, призывы к действию, простота формы бронирования

2. Дизайн
  • Цветовая палитра: морской синий, песочный, белый — ассоциации с бризом, пляжем и кофе
  • Шрифты: Montserrat и Roboto для сочетания выразительности и читаемости
  • Эстетика: минимализм, мягкие анимации, морские детали (волны, песок, чашка кофе)

3. Адаптив и реализация
  • Верстка на платформе Tilda
  • Адаптация под все устройства (десктоп, планшет, смартфон)
  • Настройка якорных ссылок, карты, формы заявки и кликабельных кнопок
  • Тестирование всех элементов на корректную работу
Адаптивный лендинг Bean & Breeze — это одностраничный сайт, который визуально и эмоционально передаёт атмосферу морского кафе. Пользователь может ознакомиться с меню, преимуществами заведения, быстро связаться или оставить номер для брони.

Сайт стал визитной карточкой кафе в digital-среде, подчёркивая его стиль и приглашая гостей заглянуть на чашечку кофе у моря.
Готовый результат:
Готовый результат:
Адаптивный лендинг Bean & Breeze — это одностраничный сайт, который визуально и эмоционально передаёт атмосферу морского кафе. Пользователь может ознакомиться с меню, преимуществами заведения, быстро связаться или оставить номер для брони.

Сайт стал визитной карточкой кафе в digital-среде, подчёркивая его стиль и приглашая гостей заглянуть на чашечку кофе у моря.
Made on
Tilda