Ir al contenido
MAX CIACCIO
Volver

Yappa / Expansión de marca y sitio web

La marca de Yappa en un nuevo sitio web.

Trasladar una plataforma de conversaciones de audio y video a una identidad visual renovada y un sitio web adaptable.

Rol
Senior Product Designer
Enfoque
Diseño de marca y web
Plataforma
Sitio web de marketing
Rediseño del sitio de Yappa mostrado en un monitor de escritorio.

Sobre el proyecto

Expandir la identidad junto con el producto.

El proyecto amplió y modernizó la identidad visual principal de Yappa junto con la evolución de su producto. El encargo pedía un entorno digital vibrante y lúdico, centrado en la conexión humana, el sentido de comunidad y la seguridad en línea.

Un sitio web construido alrededor de la conversación.

El concepto visual enfatizaba la fluidez, la interacción y una identidad distintiva. El sitio presentaba a Yappa como un espacio para conversaciones auténticas cara a cara, con un lenguaje visual que respaldaba esa propuesta.

Vista inicial del sitio con la propuesta de comentarios en audio y video, ondas, retratos e interfaz del producto.

Sitio web

Llevar la conversación a tu sitio web.

La página inicial presenta a Yappa como una plataforma de comentarios en audio y video. Los ejemplos del producto muestran conversaciones, actividad de la comunidad y descubrimiento de contenido junto a la propuesta principal.

Página inicial en escritorio y móvil con presentación, explicación del producto, beneficios, video, logos de publicaciones y formulario de contacto.

Beneficios del producto

Conversaciones multimedia

Presentar el audio y el video como formas de participar en la conversación de una comunidad.

Contenido generado por usuarios

Mostrar el contenido de la comunidad como parte de la propuesta de valor del sitio.

Moderación

Presentar la moderación junto con la participación como parte del relato del producto.

Compartir y descubrir

Mostrar cómo las personas pueden descubrir contenido y ampliar la conversación.

Fotografía

Poner a las personas en el centro de la identidad visual.

La presentación utiliza retratos expresivos sobre fondos coloridos para conectar la marca con las personas que participan en sus conversaciones.

Cuadrícula de ocho retratos expresivos sobre fondos de distintos colores.

Tipografía

Montserrat

Montserrat se eligió como tipografía base de la marca. Su estructura geométrica y carácter contemporáneo favorecen una voz segura y cercana. Los pesos Regular, Semi Bold y Bold establecen la jerarquía entre títulos y textos en web y móvil.

Muestra de Montserrat en pesos Regular, Semi Bold y Bold.

Colores

Energía equilibrada con contraste.

El rojo de Yappa aporta energía y emoción, mientras que el gris oscuro y el blanco brindan equilibrio y contraste. La paleta combina un color de marca intenso con superficies neutras para sostener una jerarquía visual clara.

Paleta de marca con rojo Yappa, gris claro, blanco, gris oscuro y un degradado de rojo a rosa; los valores exactos de color requieren verificación.

Páginas del sitio

Extender el lenguaje visual más allá de la página inicial.

Página Sobre nosotros con la propuesta de comunicación, mensaje del equipo, retratos, ejemplos del producto y pie de contacto compartido.
Sala de prensa, planes y comparación de precios, y página de contacto en el orden de la presentación original.