Hablando en Alpha
El proyecto
Hablando en Alpha es una plataforma creada para dar difusión a un programa donde niños y niñas entrevistan a referentes de Almería. La web debía ser el lugar al que llegara la audiencia desde redes para ver los programas completos, descubrir quiénes participan, leer artículos editoriales y navegar por los mejores momentos.
Partiendo de un concepto embrionario, definí el sistema digital que convierte la idea en una experiencia clara, fresca y escalable.
Agencia
Plataforma X las marcas
Rol
Product Designer & Web Implementation
El reto
El proyecto nacía de una idea potente, niños y niñas entrevistando a referentes, pero sin una estructura digital definida. No había materiales pensados para web, el tiempo era muy corto y necesitábamos que la plataforma fuese el hub desde el que dar visibilidad a cada programa.
Además, la web debía escalar con nuevos episodios, funcionar para familias y medios, y convertir el storytelling en una experiencia clara y atractiva.
Rol y enfoque
Tras un primer storytelling de dirección creativa, tomé el timón de la parte digital: arquitectura de la información, dirección de arte, diseño UI/UX, prototipo y primera implementación. Concebí un universo visual propio apoyándome al inicio en imágenes generadas con IA, que luego se replicó en producción real.
Sistema visual
Definí una paleta fresca que transmite energía y cercanía sin caer en lo infantil. Los títulos tienen carácter humano y los cuerpos de texto son muy cómodos de leer en artículos largos. La interfaz utiliza cards y bloques modulares que se repiten con coherencia en todo el sitio, y las microinteracciones son sutiles: estados de hover, deslizamientos suaves y transiciones que aportan vida sin distraer del vídeo.
HA Sky
#31D8E7
HA Midnight
#191919
HA Canvas
#FBFBFB
HA Fog
#DCDCDC
Títulos
Aa
Montserrat Alternates
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZkjj
?¿¡!%&/()=@
Cuerpo de texto
Aa
Open Sans
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZkjj
?¿¡!%&/()=@
La solución
Transformé el concepto en un sistema editorial. Definí una home que presenta el propósito, muestra los últimos programas y engancha con un mosaico de “mejores momentos”. Cada episodio se publica en una plantilla de programa que cuenta la historia en un orden muy concreto: vídeo completo, highlights, entrevistadores, bio del invitado, artículo y galería.
Todo se construyó con componentes modulares (cards, carruseles, mosaicos, héroes), una paleta fresca y tipografías de alta legibilidad para lectura larga. La navegación se simplificó para guiar a ver programas y compartir contenido; la carga progresiva permite seguir descubriendo sin romper el ritmo.
La home abre con el propósito y un acceso directo a los últimos programas, a continuación aparecen highlights visuales y un mosaico de “mejores momentos” que engancha y alarga la sesión.
La plantilla de programa sigue una secuencia editorial muy clara: vídeo completo, selección de clips, presentación de los pequeños entrevistadores, bio del invitado, artículo y galería.
La navegación es deliberadamente sencilla: pocos elementos, CTAs reconocibles y una carga progresiva de más programas para favorecer el consumo continuo.
MVP y lanzamiento
En cuatro semanas estaba listo el MVP con el primer programa publicado: diseño, prototipo y desarrollo fiel al diseño original, del cual me encargué también. El feedback del cliente fue excelente y apenas se pidieron ajustes. La plantilla permitió añadir nuevos episodios con rapidez, manteniendo la coherencia visual y el ritmo editorial.
Usuarios inician la reproducción
Vídeo como hero section y CTA claro en la página del programa.
Tráfico desde redes a la web
La plataforma se convirtió en el hub del proyecto: los enlaces concentraron la audiencia en un único lugar.
Continúa con otro contenido
Highlights, artículo y galería invitan a seguir explorando.
De sesiones son en móvil
Experiencia optimizada para consumo y compartición desde social.
Nota: La versión actualmente online ha sido modificada por terceros y puede diferir de la primera implementación.
Lo que haría ahora
El sistema está preparado para crecer. Con la experiencia y el feedback recibido, priorizaría una página índice de Programas con búsqueda y filtros por categoría, entrevistado o fecha; abriría páginas de perfil para cada entrevistador, con su histórico de apariciones; y reforzaría la performance de vídeo con mejores poster images y precarga controlada. Formalizaría, además, un design system versionado para garantizar que futuras evoluciones respeten la intención de diseño.