Задача — создать демонстрационный сайт для строительной компании премиум-сегмента, которая строит частные дома под ключ: от проекта до сдачи объекта. Нужен был сайт, который выглядит как реальный коммерческий проект, а не шаблон — с сильным первым экраном, наглядным каталогом реализованных домов и «вау»-эффектом на калькуляторе стоимости, чтобы клиент сразу видел ориентировочную цену своего будущего дома.
Собрал дизайн-систему в премиальной палитре (графит / бежевый / белый) и спроектировал 13 смысловых блоков: от hero и каталога проектов до таймлайна этапов строительства и FAQ. Реализовал интерактивный калькулятор — стоимость пересчитывается в реальном времени по площади, типу дома и комплектации. Сделал слайдер сравнения «проект / реализация» с перетаскиванием, фильтрацию каталога, слайдер отзывов и галерею с полноэкранным просмотром. Всю архитектурную графику (фасады, интерьеры, чертежи) сгенерировал процедурно через SVG вместо стоковых фото — получился уникальный, нигде не повторяющийся визуал. Вёрстка и логика — на чистых HTML/CSS/JS, без сборки и зависимостей.
Полностью рабочий, адаптивный сайт (desktop/tablet/mobile), который можно открыть в браузере и сразу показать заказчику. Все заявленные интерактивные элементы функционируют: калькулятор, фильтры, слайдеры, аккордеоны, форма заявки. Это демонстрационный проект для портфолио — данные компании, проекты и цены вымышлены, но сама реализация показывает полный цикл: от дизайн-системы до готового интерактивного продукта.