Демонстрационный концепт лендинга для вымышленного авторского ресторана «Северянин».
Задача проекта — передать атмосферу вечернего ресторана и одновременно дать посетителю всю информацию для выбора и бронирования.
Страница включает эмоциональный первый экран, философию кухни, сезонное меню, блок шеф-повара, фотогалерею, основные показатели и форму бронирования стола.
Что реализовано:
• премиальная тёмная стилистика;
• меню с категориями и ценами;
• презентация шеф-повара;
• галерея атмосферы и блюд;
• форма бронирования;
• адаптивная мобильная версия.
Техническая реализация:
• семантический HTML5;
• чистый CSS3: custom properties, Grid/Flexbox и clamp();
• Vanilla JavaScript без React и jQuery;
• брейкпоинты 375/560/768/1024 px и мобильное меню;
• WebP, lazy loading, OG/Twitter-метаданные;
• доступные тач-цели, фокус-состояния и поддержка prefers-reduced-motion.
Моя роль: постановка задачи, структура, визуальное направление, организация сборки с использованием AI-инструментов и проверка адаптива.
Проект создан для портфолио. Ресторан, меню, адрес и остальные данные вымышлены.
https://kravtsovlabpro.ru/landings/02-restaurant/index.html