Демонстрационный концепт лендинга для вымышленного жилого комплекса бизнес-класса «Меридиан Парк».
Первый экран построен на крупной атмосферной фотографии и ключевых цифрах проекта — площадь парка, срок сдачи, юридическая схема продаж. Ниже раскрываются архитектурная концепция, планировки и расположение.
Что реализовано:
• полноэкранный первый блок с фотографией и заголовком-обещанием;
• категорийный тег позиционирования (класс, район);
• строка ключевых показателей: цена, площадь парка, срок сдачи, эскроу-счета;
• два 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