CONTEXTO
De servicio tradicional a producto digital tech-first.
Como Product Designer, lideré la transformación de Foster Hub: un servicio de idiomas con trayectoria y traducciones que evolucioné hacia una Landing Page de alta conversión.
Mi rol fue estratégico y end-to-end: desde la definición del Product-Market Fit hasta el despliegue final, asegurando que la arquitectura guiara al usuario hacia el plan de inglés ideal para su perfil técnico o al servicios de traducción especifico que buscase.
Incremento en el registro de alumnos potenciales gracias a una arquitectura orientada a la conversión y CTAs estratégicos en Framer.
LEADS CUALIFICADOS
La gran mayoría de las consultas ahora provienen del nicho objetivo (profesionales IT), reduciendo el tiempo perdido en perfiles que no encajan con la academia.
TIEMPO DE CIERRE DE VENTA
Al tener una web que explica el proceso y los niveles con claridad, se redujeron a la mitad las dudas frecuentes en las entrevistas iniciales.
PROBLEMA
Invisibilidad estratégica y falta de foco
El proyecto partía de una base crítica: un gran servicio sin una oferta clara. El expertise pedagógico se perdía en una comunicación genérica que no lograba conectar con el profesional Tech. Esta falta de definición provocaba una "parálisis de decisión" en el usuario y una baja conversión, ya que la propuesta de valor no atacaba los dolores reales del sector IT.
ESTRATEGIA (UX Research & IA)
Validación del mercado y arquitectura de contenido.
Tras el UX Research, consolidamos la estrategia en un documento guía que definía el nuevo rumbo de Foster Hub. Pero no nos detuvimos ahí; antes de pasar al diseño visual, pusimos la estrategia a prueba:
Diseño de Contenido con IA: Traduje los insights de la investigación en una narrativa de negocio completa (cursos, beneficios, promesas), utilizando IA para hablar el lenguaje técnico de nuestra audiencia.
Prototipado para Validación (Low-Fi): Plasmamos esta comunicación en una maqueta funcional. El objetivo no era mostrar estética, sino validar si el mensaje resolvía las dudas del usuario.
User Testing de Comunicación: Pusimos a prueba el prototipo con clientes actuales y potenciales para validar la relevancia del mensaje. Este proceso de feedback real nos permitió refinar el copywriting y la estructura de la oferta en tiempo real. Al iterar sobre una maqueta de baja fidelidad, aseguramos que la comunicación fuera efectiva y persuasiva antes de comprometer recursos en la fase de alta fidelidad y desarrollo.
DESAFÍO
Arquitectura dual para una conversión segmentada
EJECUCIÓN
Soluciones de diseño para la conversión
Tras consolidar la estrategia, el reto fue materializar un ecosistema digital que funcionara como una herramienta de ventas automatizada. Estas fueron las soluciones clave implementadas:
A. Arquitectura de Información Dual (Verticales de Negocio)
Para optimizar la captura de leads y la eficiencia de las campañas de marketing (Ads), decidí separar la academia en dos mundos independientes. En lugar de una web genérica, diseñé Landings diferenciadas por URL para los servicios de capacitación y de traducción.
Por qué: Esto evita fugas en el funnel de ventas, permitiendo que cada usuario aterrice en un entorno diseñado exclusivamente para su necesidad, eliminando distracciones y aumentando la relevancia del contenido.
B. Navegación "Smart Pathfinding" para el Perfil IT
Entendiendo que el profesional técnico busca eficiencia, implementé un sistema de selección de "Caminos" basado en la auto-segmentación. El usuario no tiene que navegar por menús complejos; simplemente elige su punto de dolor actual (ej. "Camino al B1 Pro" o "Conversaciones Pro").
Impacto UX: Logramos que el usuario encuentre su solución específica en menos de tres clics. Al reducir la carga cognitiva, eliminamos la incertidumbre y dirigimos el tráfico de alta calidad directamente hacia la agenda de ventas.
C. Jerarquía de Información Modular (Ley de Miller)
Entendiendo que el profesional técnico busca eficiencia, implementé un sistema de selección de "Caminos" basado en la auto-segmentación. El usuario no tiene que navegar por menús complejos; simplemente elige su punto de dolor actual (ej. "Camino al B1 Pro" o "Conversaciones Pro").
Impacto UX: Logramos que el usuario encuentre su solución específica en menos de tres clics. Al reducir la carga cognitiva, eliminamos la incertidumbre y dirigimos el tráfico de alta calidad directamente hacia la agenda de ventas.
USER-CENTERED DESIGN
VISUAL INTERFACES
DESIGN SYSTEMS
PROTOTYPE
WIREFRAMING
RESPONSIVE DESIGN
