Desk Research • Benchmark • Arquitectura de la información • Identidad Visual • Diseño visual de interfaces • Prototipado • Desarrollo Web •
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.
Organicé el contenido para que la web fuese el eje del proyecto: un sistema ordenado que permite ver el programa, conocer a entrevistadores y entrevistado, leer un artículo y recorrer una galería en una misma narrativa.
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 cartas 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
31D8E7
HA Canvas
#FBFBFB
HA Fog
#DCDCDC
Titulos
Aa
Montserrat Alternates
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZkjj
?¿¡!%&/()=@
Cuerpo de texto
Aa
Open Sans
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZkjj
?¿¡!%&/()=@
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.