Skip to main content
You are not logged in. (
Log in
)
+51 934 151 475
home
Búsqueda de cursos
Aplicación móvil
English (en)
English (en)
Español - Internacional (es)
Incripciones 2027
PROMTPS PARA CREAR PAGINAS WEB
Generador de Prompts: Diseño y Arquitectura Web
Basado en Estándares de Usabilidad, Desarrollo Web y Estrategia Digital
1. Propósito / Objetivo Principal del Sitio Web:
Portal Institucional Educativo (Noticias, Oferta Académica y Gestión)
Portafolio Digital Estudiantil / Vitrina Transmedia de Proyectos
Landing Page Promocional para Concursos o Eventos Especiales
Hub de Recursos Educativos Abiertos (REDA) y Biblioteca Digital
Periódico o Revista Digital Escolar (Prensa, Entrevistas y Artículos)
Sitio Web de Comercio Electrónico / Tienda de Emprendimiento Escolar
Blog Corporativo o Educativo con Sistema de Categorías y Artículos
Plataforma de Cursos On-Demand / LMS para Aprendizaje Autónomo
Sitio de Comunidad / Foro Interactivo con Registro de Usuarios
Web de Marca Personal / CV Digital Profesional o Docente
-- Otro propósito web (Escribir manualmente) --
2. Público Objetivo / Audiencia Principal:
Estudiantes de Educación Secundaria y Sus Familias
Comunidad Educativa Local, Autoridades UGEL y Evaluación Externa
Docentes, Capacitadores y Redes de Aprendizaje Colaborativo
Jóvenes Universitarios y Estudiantes de Educación Superior
Clientes y Consumidores Locales del Proyecto de Emprendimiento
Público General Interesado en Divulgación Científica y Cultural
Niños de Educación Primaria (Diseño amigable y simplificado)
Reclutadores, Evaluadores Institucionales o Inversionistas
Usuarios con Conexión Limitada a Internet o Teléfonos Móviles Básicos
Audiencia Internacional / Multilingüe
-- Otro público objetivo (Escribir manualmente) --
3. Estilo Visual e Identidad de Marca (Branding):
Institucional Indoamericanista (Colores: Azul Real, Blanco, Rojo)
Moderno & Minimalista (Espacios limpios, tipografía sans-serif, tonos neutros)
Creativo & Transmedia (Colores vibrantes, multimedia dinámico y alto impacto)
STEAM / Tech Dark Mode (Fondo oscuro, acentos de neón, estética tecnológica)
Académico & Formal (Serif elegante, estructurado, tonos oscuros y dorados)
Ecológico & Sostenible (Verdes de naturaleza, tonos tierra y textura orgánica)
Infantil & Lúdico (Formas redondeadas, colores pastel y elementos ilustrados)
Editorial Periodístico (Estilo periódico clásico con columnas claras y jerarquía)
Corporativo / Profesional (Azul marino, gris institucional y diseño sobrio)
Retro / Vintage Cultural (Tonos sepia, tipografías clásicas y revaloración)
-- Otro estilo visual (Escribir manualmente) --
4. Arquitectura del Sitio / Secciones Clave:
Inicio (Hero), Nosotros, Proyectos, Radio Escolar, Galería y Contacto
Landing Page Single-Page con desplazamiento suave (Scroll) y Call to Action
Inicio, Repositorio REDA, Módulos H5P, Laboratorio de Prompts y Ayuda
Portada, Edición Impresa, Radio en Vivo, Videos MP4, Editorial y Archivo
Inicio, Catálogo de Productos, Carrito de Compras, Preguntas y Formulario
Home, Cursos Disponibles, Biblioteca Virtual, Zona de Alumnos y Soporte
Inicio, Sobre Mí, Portafolio de Trabajos, Blog y Formulario de Contacto
Header con Megamenú, Slider Principal, Grid de Contenidos y Footer Completo
Estructura Jerárquica por Grados (1.º a 5.º) y Áreas Curriculares CNEB
Dashboard de Usuario, Feed de Actividades, Recursos e Interacción
-- Otra estructura/secciones (Escribir manualmente) --
5. Formatos de Contenido y Medios Interactivos:
Reproductores de Audio MP3 (Podcasts), Videos MP4 en Chroma Key y Fotos
Módulos Interactivos H5P, Formularios Embebidos y Cuestionarios
Galerías de Imágenes con Lightbox, Infografías interactiva y Canvas
Artículos de Prensa con Tipografía Jerarquizada, Banners y Comentarios
Visores de Documentos PDF, Tablas de Datos y Recursos Descargables
Modelos 3D Interactivos, Simuladores Virtuales (PhET) y Widgets STEAM
Streaming en Vivo de Radio/Video, feeds de Redes Sociales e IA Embeds
Tarjetas Interactivas (Cards) con Filtros dinámicos por categorías
Botones interactivos de Acción (CTA), mapas interactivos y llamadas rápidas
Textos enriquecidos con resaltados, acordeones desplegables y tabs
-- Otro formato de contenido (Escribir manualmente) --
6. Plataforma o Tecnología de Despliegue:
Página / Bloque HTML dentro de Moodle LMS (Encapsulado CSS/JS)
HTML5 Estructural, CSS3 Flexbox/Grid y JavaScript Vanilla (Código Puro)
Google Sites (Integración nativa con Google Drive y Workspace)
WordPress CMS con Maquetador Visual (Elementor / Gutenberg)
Canva Websites (Diseño rápido, responsive y hospedaje gratuito)
Framework Responsive Bootstrap 5 / Tailwind CSS
Wix / Webflow para prototipado web interactivo de alto nivel
GitHub Pages (Alojamiento de código abierto estático HTML/CSS)
Aplicación Web Progresiva (PWA) con capacidad de trabajo Offline
Notion / Coda como sitio web publicado para documentación
-- Otra plataforma o tecnología (Escribir manualmente) --
7. Criterios Principales de Usabilidad y Accesibilidad (UX/UI):
Diseño Mobile-First optimizado para bajo consumo de datos móviles (Megas)
Navegación clara con menú colapsable (Hamburguesa) e indicadores de ubicación
Alto contraste visual (Cumplimiento WCAG 2.1 AA) y legibilidad de texto
Velocidad de carga ultrarrápida (Optimización de imágenes y scripts minificados)
Diseño 100% Adaptable / Responsive para Laptops, Tablets y Smartphones
Interfaz intuitiva sin sobrecarga cognitiva con jerarquía de lectura en F/Z
Inclusión de textos alternativos (ALT) en imágenes y soporte para lectores de pantalla
Secciones modulares reutilizables y código limpio totalmente comentado
Formularios sencillos con validación inmediata y mensajes de error claros
Estructura amigable para Motores de Búsqueda (SEO Básico)
-- Otro criterio UX/UI (Escribir manualmente) --
🌐 Generar Prompt de Diseño Web
Prompt de Diseño Web Listo para Copiar:
📋 Copiar Prompt al Portapapeles