«Меридиан Парк» — адаптивный лендинг жилого комплекса

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