🎨 Wireframes - LingooAI

Prototipos visuales según requerimientos

📋 Nota: Estos wireframes son prototipos estáticos para validar el diseño visual y la experiencia de usuario. NO están conectados al backend. Usa datos de ejemplo hardcodeados.
1. Rediseño

Landing / Login

Hero section inspirador con titular nuevo y login social integrado

 2. Rediseño

Selección de Idioma

Tarjetas visuales grandes con iconos representativos de cada idioma

 3. Rediseño

Selección de Objetivo

Dos tarjetas: Examen Oficial vs Aprendizaje General

 4. Rediseño

Chat con Grok

Conversación con evaluador IA (ya implementado, rediseño visual)

 NUEVO 5. Diseño

Resultados con Gauge

Medidor visual de nivel estilo velocímetro + explicación de Lingoo

 NUEVO 6. Diseño

Ranking de Profesores

Grid con videos de presentación y filtros de búsqueda

 7. Rediseño

Dashboard con Sidebar

Timeline de clases + Barra lateral de Lingoo AI siempre presente

 8. Rediseño

Reproductor con IA

Video 70% + Sidebar Lingoo 30% para preguntas en vivo