Diseño de un widget de conversaciones y un sistema de diseño.

Hacer más humanas las conversaciones en línea.

Yappa buscaba reducir la toxicidad de las conversaciones en línea alentando a las personas a expresarse con voz y video, mostrar sus rostros y hacerse responsables de lo que decían. La intención era alejarse de las provocaciones anónimas y de los intercambios impersonales con bots.

El widget incorporaba una comunidad social en sitios web y otras plataformas de publicación. Las personas podían explorar Yaps, compartir opiniones, seguir respuestas y grabar un Yap de audio o video sin salir de la experiencia anfitriona.

Rediseñar el producto principal y prepararlo para lo que venía.

El cliente necesitaba renovar por completo la apariencia de su producto principal a partir del lenguaje visual de la marca. La solución también debía servir de base para futuros productos.

La propuesta fue crear desde cero un sistema de diseño con un enfoque atómico.

Reemplazar la tipografía condensada por una lectura más abierta.

Roboto era la tipografía principal del producto. El rediseño actualizó sus tamaños y usos, y reemplazó la versión condensada por la regular, más amplia, para favorecer la legibilidad.

La muestra presenta 16 px Medium y 14 px Regular, y también incluye un tamaño de 12 px. Son especificaciones del producto original, no cambios en la tipografía del portfolio.

Una paleta simple y contrastada para los temas claro y oscuro.

El enfoque cromático mantuvo la interfaz simple y legible, con temas claro y oscuro configurables según la plataforma que alojara el widget.

Grabación y revisión de audio.

Los ejemplos extienden el patrón de grabación al audio: una pantalla para grabar y una vista previa con opciones para volver a grabar o publicar.

Patrones compartidos en toda la experiencia comunitaria.

Descubrimiento, seguimiento, notificaciones, perfiles, reproducción y configuración comparten patrones visuales y de interacción en el widget.