👑 ЛЕНДИНГ BEAN & BITE - ПРЕМИАЛЬНАЯ КОФЕЙНЯ В ЕКАТЕРИНБУРГЕ
Атмосферный кофейный лендинг с фокусом на крафтовое качество и городскую эстетику. Современный дизайн, продвинутые анимации и полная функциональность для привлечения молодой городской аудитории.
Техническая база:
React 18 + Vite, Tailwind CSS, Framer Motion для анимаций, React Icons
Ключевые блоки:
— Hero секция с атмосферным видео-фоном и параллакс эффектами
— Интерактивное меню с табами (Кофе, Чай, Выпечка) и детальными карточками
— Галерея в стиле Masonry с lazy loading изображений
— Карусель отзывов с автопрокруткой и smooth переходами
— Интерактивная Яндекс.Карта с точкой на площади 1905 года
Интерактивность:
— Форма заказа кофе с валидацией полей
— Плавная прокрутка между секциями
— Анимированные hover-эффекты на всех элементах
— Фильтрация меню по категориям
— Адаптивная навигация с бургер-меню
Современные фишки:
— Плавные анимации появления секций при скролле
— Кофейная цветовая палитра (кремовые, коричневые, золотистые тона)
— Полностью адаптивный дизайн для всех устройств
— Оптимизация производительности (WebP, code splitting)
— SEO-friendly структура с семантической разметкой
🖥 Дизайн и UX
Современная кофейная эстетика с акцентом на уют и качество. Цветовая палитра: теплый коричневый (#8B4513), кремовый (#F5F5DC) и акцентный золотистый (#DAA520) для CTA элементов.
Конверсионный лендинг, который создает атмосферу премиальной кофейни и эффективно привлекает клиентов как в офлайн, так и на доставку через продуманную UX-воронку.
🕓 Время разработки
14 дней полной разработки с дизайном, анимациями
Этот проект демонстрирует мой опыт создания атмосферных коммерческих лендингов для HoReCa сегмента с полным циклом разработки - от концепции до деплоя.
⭐️ ВИДЕО-ПРЕЗЕНТАЦИЯ САЙТА (https://drive.google.com/file/d/1Ml567iukqYMHYNaEvCAP9guyhH0z9ShB/view?usp=sharing)
Пожаловаться
