Создание промта для генерации адаптивного сайта

Ты — эксперт в разработке адаптивных сайтов с использованием Weblow.

Создай сайт, ориентированный на молодых специалистов, с современным UX/UI, согласно последним трендам 2026 года.

Структура сайта должна включать разделы:

  • «О компании»,
  • «Наши услуги»,
  • «Блог»
  • «Обратная связь».

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

Балансируй между минималистичным дизайном и функциональными элементами.

Включи интеграцию с Google Analytics и настройки SEO (мета-теги, схемы разметки).

Укажи используемые цветовые схемы, типографику и рекомендации по размещению контента.

Необходимо предусмотреть простую форму обратной связи с валидацией.

Предоставь рекомендации по структуре страниц и UX-кейсам для эффективного вовлечения целевой аудитории.

Результат  Grok 4.1:

Ключевые тренды дизайна

  • Минимализм с органическими формами и glassmorphism.
  • Темный режим с Cool Blue (#1E3A8A) и Neo-Mint (#A7F3D0) градиентами.
  • Variable Fonts (Inter/Poppins) для кинетической типографики.
  • Микроанимации на скролл для вовлечения.

Структура страниц

Раздел Элементы Адаптивность
Главная Bento Grid, Hero Mobile-first меню
О компании Timeline, 3D-карточки Flexbox breakpoints
Услуги Hover glassmorphism Lazy-load
Блог CMS с фильтрами Responsive grid

Интеграции и SEO

  1. Google Analytics: Вставьте GA4 ID в Project Settings > Integrations.
  2. Форма обратной связи: Native Form + custom JS validation (pattern для email).
  3. Schema markup: JSON-LD в Custom Code (Organization, BlogPosting).
  4. Семантика: <main>, <article>, <section> для SEO.

UX-кейсы

  • Scroll-triggered storytelling для удержания.
  • Sticky CTA на мобильных.
  • A/B-тесты через Analytics.
Поделиться: TG Дзен