Этап 1. Концепция и UI/UX дизайн (Промпты для Stitch)

Для Stitch нам нужен концепт, отражающий скорость, чистый код и премиальный минимализм. Stitch отлично понимает компоновку блоков, адаптивную сетку и Material You-цвета.

Промпт для генерации структуры интерфейса в Stitch:

Act as an expert UI/UX designer specialized in cutting-edge tech portfolios. Create a clean, futuristic, and conversion-oriented landing page layout for a premium WordPress developer. Design style: Google Stitch / Material Design 3 aesthetic, extreme minimalism, generous whitespace, sharp typography. Color palette: Deep obsidian charcoal black background, clean white for primary typography, and electric cyber-blue (#0052FF) for high-contrast interactive elements and call-to-action buttons. Layout structure: 1. Hero block with a bold headline and floating futuristic UI cards, 2. Dynamic 'Before (Heavy Elementor) vs After (Clean PHP Code)' benchmark component, 3. Responsive 4-column portfolio grid with micro-interactions, 4. Tech stack grid (Figma, WP, ACF Pro, WooCommerce, Bitrix), 5. Ultra-clean conversion form. No heavy elements, focus on raw performance visual metaphors.

? Этап 2. Продающие тексты (Копирайтинг для сайта)

Текст должен бить точно в боли клиентов: медленные сайты, потерянные лиды, сложная админка.

Экран 1: Главный экран (Hero)

• Заголовок: Сайты на WordPress, которые летают. Без Elementor и лишнего мусора.
• Подзаголовок: Чистая кастомная верстка из Figma на чистом PHP + ACF Pro. Скорость загрузки 95+ по Google PageSpeed. Идеальное SEO-ядро для вашего бизнеса.
• Кнопка (CTA): [ Обсудить проект / Получить аудит скорости ]

Экран 2: Уникальное торговое предложение (УТП) в цифрах

• 0% конструкторов. Никакого Elementor, Divi или WP Bakery. Только чистый, расширяемый код.
• < 1.2 секунды. Время полной загрузки сайта на мобильных устройствах.
• 100% контроля. Админка на кастомных полях ACF Pro — вы сможете редактировать любую точку сайта за 2 клика без риска «сломать» верстку.

Экран 3: Смысловой блок «Переезд с Elementor»

Заголовок: Ваш сайт на Elementor тормозит и теряет клиентов?

Текст: Тяжелые билдеры перегружают код. Я перенесу ваш текущий сайт на чистую кастомную тему, полностью сохранив дизайн. Результат: сайт выйдет из «красной зоны» PageSpeed в зеленую, а позиции в поиске пойдут вверх.

?️ Этап 3. Промпты для генерации изображений (Midjourney / Flux / Imagen 3)

Нам нужны стильные 2D/3D иллюстрации и абстрактные технологичные фоны, которые идеально впишутся в дизайн Stitch.

Иллюстрация для главного экрана (Абстракция скорости и кода):

Futuristic high-tech abstract 3D render, glowing neon blue lines of clean PHP code transforming into a supersonic jet stream or a rocket launch, breaking through a heavy gray grid (metaphor for Elementor). Obsidian black background, ultra-sharp details, volumetric lighting, Ray Tracing, premium digital art, cyber aesthetic, 16:9 aspect ratio --ar 16:9

Графика для блока кейсов (Идеальный интерфейс):

Minimalist flat 2D vector illustration of a pixel-perfect smartphone and laptop mockups showing a lightning-fast modern user interface. Flying floating UI widgets, checkmark icons, speed gauge charts pointing to maximum performance. Cyan, electric blue, and dark gray color scheme, clean gradients, isolated on dark background --ar 4:3

?️ Этап 4. Пошаговый план технической реализации

1. Проектирование в Stitch: Загоняем промпт из Этапа 1 в систему, настраиваем интерактивные компоненты, экспортируем чистые стили и адаптивную сетку.
2. Верстка темы (С нуля): Переносим сгенерированный дизайн в вашу локальную среду разработки (например, через Local WP). Пишем чистый HTML5/CSS3 (или Tailwind) и ванильный JavaScript.
3. Интеграция WordPress: Сажаем верстку на кастомную тему. Создаем гибкие блоки через ACF Pro (Flexible Content), чтобы вы могли сами управлять структурой страниц вашего нового сайта.