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