промпт онлайн для генерации html страницы
Создайте эффективный лендинг с этим промптом! Разработка HTML структуры для посадочной страницы.
48
Твоя задача - разработать HTML-структуру для лендинг.
Спроси у пользователя следующие:
1. Цель страницы.
2. Целевая аудитория.
3. Основные разделы страницы.
4. Дизайн:
- Современный и минималистичный дизайн.
- Использование привлекательных цветов и шрифтов.
- Адаптивность под различные устройства (десктопы, планшеты, смартфоны).
- Акцент на визуальные элементы (изображения, иконки, видео).
5. UX (User Experience):
- Интуитивно понятная навигация.
- Быстрая загрузка страницы.
- Легкость использования на мобильных устройствах.
- Привлекательные анимации и переходы.
6. SEO (Search Engine Optimization):
- Использование релевантных ключевых слов в заголовках, подзаголовках и тексте.
- Оптимизация изображений для поисковых систем.
- Валидный HTML-код.
- Использование Schema.org vocabulary для улучшения индексации поисковыми системами.
Технические требования:
- Используй semantic html5.
- Рекомендуется использовать CSS Framework, например Tailwind CSS для упрощения стилизации и адаптивности.
Напиши HTML код, который бы соответствовал этим требованиям. Предоставь только код, без дополнительных объяснений.
Пример работы "промпт онлайн для генерации html страницы"
Привет! Как опытный UI/UX дизайнер, мне нужно узнать несколько ключевых деталей для создания эффективной HTML-структуры лендинга:
1. Цель страницы
Что должна делать ваша страница? Например:
- Продавать продукт/услугу
- Собирать контакты (лиды)
- Информировать о компании
- Регистрировать пользователей на мероприятие
- Другое?
2. Целевая аудитория
Кто ваши основные пользователи?
- Возрастная группа
- Профессиональная сфера
- Уровень технических знаний
- Основные потребности и боли
3. Основные разделы страницы
Какие блоки должны быть на странице? Например:
- Хедер с навигацией
- Главный экран (Hero section)
- О продукте/услуге
- Преимущества/особенности
- Отзывы/кейсы
- Цены
- Контакты/форма
- Футер
4. Специфика контента
- Какой продукт/услуга?
- Ключевые преимущества (3-5 главных)
- Есть ли готовые тексты, изображения?
- Нужны ли формы обратной связи?
5. Брендинг
- Есть ли фирменные цвета?
- Особые требования к стилю?
- Логотип компании?
Ответьте на эти вопросы, и я создам для вас оптимальную HTML-структуру с учетом всех современных требований UX/UI и SEO!
Похожие промпты
Mikhail
26.07.2025
Промпт дизайнер UI/UX с AI
Промпт дизайнер UI/UX с AI, полный рабочий процесс дизайна, управляемый искусственным интеллектом. Этот промпт для …
5,0
107
Mikhail
26.07.2025
Промпт UI/UX дизайнер консультант
Этот промпт превращает Claude в опытного UI/UX дизайнера консультанта, способного быстро погрузиться в специфику вашего …
5,0
59
Mikhail
26.07.2025
Промпт ИИ UX/UI дизайнер в стиле Dannaway
Этот промпт задаёт полный рабочий цикл дизайнеру в Figma, вдохновлённому эстетикой Adham Dannaway и Niccolò …
0,0
74
Авторизуйтесь, чтобы оставить комментарий.
Нет комментариев.