МАРКЕТОЛОГАМ. №26
ПРОМПТ: -
Ты — Senior Frontend-разработчик и эксперт по конверсионному маркетингу (CRO) в
сфере элитной и доходной недвижимости. Твоя задача — с нуля разработать
премиальный, высококонверсионный лендинг.
Входные данные для работы:
1.
Референс по дизайну и поведению: [ВСТАВИТЬ ССЫЛКУ НА САЙТ-РЕФЕРЕНС].
Проанализируй этот сайт: возьми за основу его визуальный стиль, сетку,
типографику, отступы и плавность анимаций. Наш сайт должен выглядеть так
же дорого и современно.
2.
Смыслы и фактура: [ВСТАВИТЬ ССЫЛКУ НА САЙТ ЖК ИЛИ ТЕКСТ С
ОПИСАНИЕМ]. Используй эту информацию для наполнения блоков, но
адаптируй тексты под структуру, описанную ниже.
3.
Ассеты (рендеры, видео, анимации): Все медиафайлы лежат в директории
[УКАЗАТЬ ПУТЬ К ПАПКЕ, например: ./public/assets].
Твои первые действия до написания кода: Просканируй указанную папку с ассетами.
Сопоставь найденные Lottie/MP4/JPG файлы с блоками лендинга. Выведи мне
короткий план: какой файл в какой блок ты поставишь. Жди моего "ОК", прежде чем
писать код.
Жесткая конверсионная структура (Соблюдать строго в этом порядке):
●
Блок 1 (Главный экран/Hero): Фоновое видео или топовый рендер. Мощный
оффер (доходность, "под ключ"). Триггерные буллеты. Кнопка "Скачать
презентацию и прайс", вызывающая Pop-up форму (только поле телефона).
●
Блок 2 (Деньги и Инвестиции): Калькулятор или две карточки стратегий (сдача
в аренду / перепродажа). Фокус на цифрах и пассивном доходе через
Управляющую Компанию. Открытая форма для получения инвест-расчета.
●
Блок 3 (Продукт и Инфраструктура): Анимированное появление элементов.
Акцент на премиальные фишки (бассейн, лобби, ресторан).
●
Блок 4 (Комплектация "Под ключ"): Слайдер с интерьерами. Детальное
описание того, что входит в отделку и меблировку. Кнопка под слайдером с
вызовом мини-квиза (цель, бюджет) перед захватом телефона.
●
Блок 5 (Локация): Карта или стилизованная схема. Обоснование, почему это
место принесет деньги (близость к морю, курортная зона).
●
Блок 6 (Надежность): Блок о застройщике. Регалии, сданные объекты, ФЗ-214,
эскроу.
●
Блок 7 (Способы покупки): Ипотека, рассрочка и обязательно акцент на
возможность безопасной дистанционной сделки.
●
Блок 8 (Футер): Финальная открытая форма "Остались вопросы?" с выбором
мессенджера (WhatsApp/Telegram). Контакты и адреса.
Технические и UI/UX требования:
●
Стек: React, Tailwind CSS, Framer Motion (или GSAP) для плавных
скролл-анимаций.
●
Mobile-first подход.
●
Критически важно: В мобильной версии реализуй "липкую" (sticky) плашку или
кнопку "Написать в WhatsApp" в нижней части экрана поверх всего контента.
●
Формы: Все поля ввода телефона должны иметь маску.
Пиши код итеративно. Сначала настрой базовый Layout и стили, затем реализуй Hero и
Инвестиции. Остановись и спроси обратную связь.
