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.
RESULTADOS E IMPACTO
Validación del éxito del producto
El rediseño y la nueva arquitectura de Foster Hub no solo modernizaron la marca, sino que transformaron la web en una herramienta de conversión activa. Gracias a la segmentación por verticales y la optimización del flujo de usuario, logramos métricas clave:
El uso de CTAs estratégicos y una propuesta de valor clara aumentó el registro de alumnos potenciales.
LEADS CUALIFICADOS
La navegación orientada al perfil IT permitió que las consultas provengan casi exclusivamente del nicho objetivo, reduciendo el ruido de perfiles no aptos.
TIEMPO DE CIERRE DE VENTA
Al resolver las dudas frecuentes directamente en la landing, las entrevistas iniciales se volvieron mucho más ejecutivas y directas.
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)
Utilicé componentes interactivos y tabs para dosificar información técnica (metodología, inversión). Aplicando la Ley de Miller, revelamos detalles solo cuando hay interés activo, manteniendo la interfaz limpia".
D. Escalabilidad: Sistema aplicado a Servicios Lingüísticos
Para la vertical de traducciones, repliqué la solidez del sistema visual pero adaptando la narrativa al sector corporativo. Diseñé una cuadrícula de soluciones que permite al cliente navegar entre traducciones públicas, técnicas o interpretación con la misma fluidez que un alumno elige un curso.
Impacto: Esta consistencia garantiza que la marca sea percibida como experta en ambas ramas, conectando al cliente corporativo con la especialidad exacta que su proyecto demanda sin fricciones.
E. Optimización de la Arquitectura en Mobile:
En la versión de escritorio, utilizamos un menú lateral fixed para navegar entre secciones o tipos de traducciones. Para la versión móvil, transformamos esta lógica para evitar la sobrecarga visual:
Navegación Sticky y Enfoque: Eliminamos el menú lateral para priorizar el espacio de lectura. En su lugar, el título del curso o servicio se vuelve fijo (sticky) en la parte superior a medida que el usuario hace scroll.
Reducción de la Desorientación: Al mantener el título siempre visible (ej. "Camino al B1 Pro"), el usuario nunca pierde el hilo de qué plan está consultando mientras explora los detalles de formato y frecuencia.
Jerarquía de Tarjetas: Los desgloses metodológicos se reorganizan en un sistema de tarjetas verticales de un solo toque, optimizando el área de interacción y facilitando el escaneo rápido de datos clave como "Sesiones grupales" o "Duración".
Impacto UX: Esta transición de un modelo de navegación lateral a uno de persistencia superior garantiza que la exploración sea lineal, fluida y libre de la "pérdida de contexto" que ocurre habitualmente en páginas con mucho contenido técnico.
USER-CENTERED DESIGN
VISUAL INTERFACES
DESIGN SYSTEMS
PROTOTYPE
WIREFRAMING
RESPONSIVE DESIGN