Характер анимации

Выберите, как оживёт сайт при скролле и наведении. Можно несколько — наведите на карточку, демо покажет эффект вживую.

✓ Параллакс слоёвФон и объекты движутся с разной скоростью ✓ Reveal при скроллеБлоки всплывают снизу со stagger-задержкой ✓ РОСТ! Кинетическая типографикаБуквы масштабируются при скролле, стиль Awwwards ✓ Горизонтальный скроллСекция едет вбок при вертикальном скролле ✓ РОСТ · ЛИДЫ · ROI · РОСТ · ЛИДЫ · ROI · СТУДИЯ · КЕЙСЫ · СТУДИЯ · КЕЙСЫ · Бегущая строкаMarquee-строки едут навстречу друг другу ✓ Оставить заявку Магнитные кнопкиHover-микровзаимодействия, элементы тянутся к курсору ✓ 0клиентов за год Счётчики цифрЧисла набегают вверх при появлении в поле зрения ✓ Спокойный сайтМинимум анимаций, только мягкие появления

Ниша бизнеса

От неё зависит, какие референсы мы предложим изучить на шаге 4.

Опишите вашу нишу

О бизнесе

Это ядро промпта. Чем конкретнее — тем меньше нейросеть выдумывает. Пустые поля не станут заглушками: их вынесем в блок «Открытые вопросы».

Название компании

Что продаём

Кому (целевая аудитория)

Гео

Средний чек

Оффер / УТП

3 главные боли клиента

Соцдоказательства

Цифры, кейсы, отзывы, регалии — всё, что подтверждает результат.

Цель сайта

Лиды Продажи Запись Подписка

KPI — по чему поймём, что сайт сработал

Ссылки на ваши сайты и соцсети

Откуда исполнителю брать информацию, тон и факты о вас.

Ссылки на исследования аудитории / JTBD

Можно ссылку или текстом — что вы уже знаете о задачах клиента (Jobs To Be Done).

✓ Провести ресёрч зарубежных сайтов ниши (US/EU)Найти и вытащить 5 работающих паттернов, адаптировать под рынок

Референсы для изучения

Что исполнителю изучить перед сборкой, чтобы не изобретать велосипед. Список подстроился под вашу нишу.

✓Лендинги топ-запусковКак продают флагманы ниши ✓Вебинарные воронкиСтруктура прогрева и оффера ✓Курсы лидеров GetCourseКак упакованы программы ✓Западные course-платформыTeachable, Kajabi, Podia

✓Лидеры Ozon / WBКарточки-топы в вашей категории ✓DTC-бренды на ShopifyКак строят продуктовую страницу ✓Страницы товара с UGCОтзывы и фото покупателей

✓Топ-3 из контекстаКто платит за клики в вашем городе ✓Лидеры на Картах и Профи.руКакие обещания дают клиенту

✓Разделы «Франшиза» сетейКак продают франшизу федералы ✓Каталоги франшизТоп-карточки на franshiza.ru и др. ✓Фин.модель и окупаемостьКак показывают деньги партнёру

✓Pricing западных SaaSКак строят тарифную сетку ✓Product-tour лидеровКак показывают продукт в действии ✓Топы Product HuntСвежие лончи в вашей категории

✓Сайты лидеров отраслиКак выглядят топы рынка ✓Кейс-страницыКак оформляют проекты и результаты ✓Отраслевые рейтингиГде присутствуют лидеры

Выберите нишу на шаге 2 — и здесь появятся подходящие референсы.

Свои референсы (URL)

Сайты, которые вам нравятся или на которые стоит равняться.

Блоки сайта

Соберите структуру страницы. Порядок в промпте — сверху вниз, как вы отметите. Современная библиотека блоков, не шаблон-конструктор.

Форма захвата

Как именно сайт собирает контакт. Маску телефона +7 (___) ___-__-__ добавим в промпт автоматически.

Тип формы

Квиз 3–5 шагов Открытая форма Двухшаговая Запись на слот Калькулятор

Поля формы

Цвета и шрифт

Выберите палитру-свотч (фон / текст / акцент) или задайте свои цвета.

✓Aa#F4F3EE·#15181C·#C8F048 ✓Aa#FAF6F0·#1C1917·#E5484D ✓Aa#0E0F12·#F2F2F0·#C9A227 ✓Aa#FFFFFF·#101828·#6B5BD8 ✓Aa#F2F4EF·#1A2E1A·#2F6B3C ✓Aa#0A0A0A·#FAFAFA·#00E5A0 ✓Своизадать вручную →

Фон Текст Акцент

Характер шрифта

Современный гротеск Гуманистический Антиква + гротеск

Мобильная версия

Всё включено по умолчанию — снимите галочку, если что-то не нужно.

✓Mobile-first 390pxБез горизонтального скролла ✓Нижняя sticky-CTAКнопка всегда под рукой ✓Упрощённые анимацииЛегче для слабых устройств ✓Бургер-менюМожно выключить

Подвал

Тип подвала и что в нём разместить.

Тип подвала

Минимальный Колонки Большая типографика с CTA

Содержимое подвала

✓Реквизиты ✓Ссылки на политики ✓Соцсети ✓Карта ✓Копирайт

Реквизиты и юридическое

Что подставить в подвал, документы и форму. Пустые реквизиты уйдут в «Открытые вопросы» — заглушек не будет.

Форма и название

ИНН

ОГРН / ОГРНИП

Телефон

Email

Адрес

Юридические элементы

✓Политика конфиденциальности ✓Согласие на обработку ПДнЧекбокс в форме, 152-ФЗ ✓Публичная оферта ✓Cookie-плашка

Страница «Спасибо»

Минимальная С видео-приветствием С next-step

Ссылка на видео-приветствие

Что именно на странице «Спасибо»

Правила качества

Стандарты, по которым исполнитель обязан собрать и проверить сайт. Все включены по умолчанию.

✓Текст по левому краюБез центрированных простыней ✓Сетка 12 колонокОтступы кратны 8px ✓ВоздухБез «коробок в коробках» ✓Фавикон полным сетомsvg + ico + apple-touch + manifest ✓Тексты дословноБез пересказа и вольностей ✓Самопроверка после сборкиПройти страницу, формы, 390px, grep

✓Приложу файл с библиотекой приёмовПрименять только совпадающие по задаче, с точным номером и названием

Куда деплоить

IP или домен хостинга, если уже известен.

Соберите промпт для сайта, который не стыдно отдать нейросети