Bernardo - Investigación PhD · EdTech - Tecnología Educativa · 2024
Bernardo's Teaching Assistant - Landing Page para App de IA Educativa
Ver la web
El problema
Un investigador PhD necesitaba reclutar participantes de 55+ años en Madrid para un estudio piloto de una app de conversación en inglés con IA. El reto era crear una landing page que inspirara confianza en seniors, explicara claramente los beneficios de la IA para aprendizaje de idiomas, y facilitara el registro sin intimidar tecnológicamente al público objetivo.
Lo que hice
- Diseño moderno con bento grid layout (asimétrico, visualmente interesante)
- Accesibilidad WCAG AA: textos grandes (base 16-18px), alto contraste, focus indicators
- Bilingüe completo (inglés/español) con routing dedicado /en y /es
- Hero optimizado: imagen ligera (428KB), overlay ajustable, texto left-aligned
Lo que cambió
Landing page profesional que transmite confianza académica, elimina barreras tecnológicas para seniors, y facilita el registro en el estudio piloto. Lista para producción con deploy automatizado.
Cómo lo hice
- 01EmpatizarInvestigué las barreras que enfrentan adultos mayores al aprender tecnología y idiomas para diseñar una experiencia que eliminara esos miedos.
- 02DefinirDefiní tres mensajes clave que resonarían con adultos mayores: sin presión, a tu ritmo, y con propósito educativo genuino.
- 03IdearDiseñé una landing moderna pero accesible, usando el emerald green como color de marca que transmite calma y naturaleza, no tecnología agresiva.
- 04ImplementarDesarrollo con Next.js 16, React 19, TypeScript y Tailwind CSS 3. Bilingüe desde el core con rutas /en y /es.
- 05IterarIteración continua con el cliente para ajustar diseño, colores, imágenes y experiencia hasta lograr el look perfecto.