Una marca, no dos.
Lo que promete la web lo cumple el producto, con las mismas palabras y la misma forma. Deja de haber una versión de marketing y otra de verdad.
Marca en el producto
Que tu producto sea tu marca.
La marca no termina en el logo. Empieza cada vez que alguien abre tu producto.
Mismo producto, dos maneras de hablar
La marca se nota
en la pantalla más pequeña.
Una confirmación de pedido. Primero, un producto que habla como cualquier producto. Después, el mismo momento con la marca dentro: en lo que se ve, en lo que dice, en lo que hace y en cómo se mueve. En el ejemplo la marca es la nuestra; en tu caso sería la tuya.
- AspectoColor, tipografía, espacio y ritmo.
- VozQué dice y cómo lo dice.
- FunciónQué hace por ti sin que lo pidas.
- MovimientoCómo responde cuando la usas.
Valores por defecto del framework. Nadie decidió nada.Cada decisión sale de la marca: el tono, el margen para deshacer, el ritmo.
Lo que se adapta
Todo lo que el usuario
toca, lee o espera.
La identidad visual es la parte visible. La marca también está en lo que el producto decide, dice y hace sentir.
- 01 · Aspecto
Cómo se ve
Color, tipografía, iconos, retícula y densidad. Los componentes dejan de parecer de una librería y pasan a parecer tuyos.
- 02 · Voz
Cómo habla
Textos de interfaz, errores, vacíos, notificaciones y correos. El mismo tono en un titular de campaña y en un mensaje de error.
- 03 · Función
Qué hace
Qué viene activado, qué decide por ti, qué pide confirmar y qué deja deshacer. Las funcionalidades también tienen carácter.
- 04 · Movimiento
Cómo responde
Transiciones, tiempos y curvas. Un producto que responde con el ritmo de la marca, no con los valores por defecto del framework.
- 05 · Contenido
Cómo nombra
Cómo llama a las cosas y cómo muestra un dato, una fecha o un precio. El vocabulario de la marca dentro del producto.
- 06 · Momentos
Cuándo aparece
Primer uso, éxito, espera, error y despedida. Los momentos en los que la marca gana o pierde a alguien.
Por qué importa
El punto de contacto
que más se repite.
Una campaña se ve una vez. El producto, cada día. Lo que pase ahí pesa más que cualquier anuncio.
Cada uso suma.
El producto pasa a construir marca en lugar de gastarla. Cada pantalla coherente refuerza lo que alguien ya pensaba de ti.
Se usa más y mejor.
Un producto con carácter se aprende antes, se usa con más confianza y se recomienda mejor. Se nota en las valoraciones, en el soporte y en la retención.
El punto de partida
La misma marca.
También cuando se usa.
Llevamos la marca a donde más se usa: al producto. Cómo se ve, cómo habla, qué hace y cómo se mueve, con los mismos criterios.
Leer la marca
Estrategia, tono e identidad, y lo que el equipo sabe y no está escrito. Si falta algo, lo definimos juntos.
Te llevas
Un mapa de dónde el producto es tu marca y dónde deja de serlo.
Recorrer el producto
Pantallas, textos, estados y transiciones. Señalamos dónde la marca aparece, dónde se diluye y dónde se contradice.
Te llevas
Principios de aspecto, voz, función y movimiento.
Escribir las reglas
Cómo se ve, cómo habla, qué hace por defecto y cómo responde. Principios y patrones que caben en un producto real.
Te llevas
Guías de voz, tokens y patrones listos para usar.
Aplicarlas con el equipo
Componentes, textos y movimiento en el producto real, junto a producto y desarrollo, para que se mantenga sin nosotros.
Te llevas
Componentes, textos y animaciones aplicados en el producto.
Dentro de este servicio
Cinco trabajos concretos.
Se pueden contratar por separado o encadenar. Cada uno tiene su página.
- Tono de voz y UX writing
Textos de interfaz, mensajes de error, estados vacíos, notificaciones y correos.
- Interfaz con marca
La identidad de la marca dentro del producto: color, tipografía, espacio, iconos y componentes que dejan de parecer de una librería y pasan a parecer tuyos.
- Motion y microinteracciones
Transiciones, respuestas y tiempos que ayudan a entender lo que pasa y que suenan a la marca, no a los valores por defecto del framework.
- Patrones y funcionalidades con carácter
Qué viene activado, qué decide el producto por ti, qué pide confirmar y qué deja deshacer.
- Auditoría marca–producto
Una revisión del producto con la marca al lado: qué aplica, qué diluye y qué contradice, en aspecto, voz, función y movimiento.
Cuándo tiene sentido
La marca se quedó
en el marketing.
La web y las campañas cuentan una cosa y el producto, otra. Los textos los escribió quien tuvo tiempo, los componentes vienen de una librería y las animaciones, de los valores por defecto. Cada pantalla resta un poco.
Trabajamos con marca, producto y desarrollo a la vez. Revisamos recorridos reales, no presentaciones, y cada regla se prueba en una pantalla antes de convertirse en norma.
Del proyecto a tu equipo
Un producto que
se reconoce.
Dejamos principios, guías de voz, tokens y componentes aplicados en el producto, con un ejemplo real de cada regla. Tu equipo puede seguir construyendo sin que la marca se diluya.
El alcance, las prioridades y los entregables se acuerdan al inicio. Compartimos avances contigo para tomar decisiones sobre trabajo real.
Hablemos de tu casoPreguntas frecuentes
Lo que suelen preguntarnos
antes de empezar.
¿En qué se diferencia de aplicar la guía de estilo al producto?
La guía de estilo resuelve cómo se ve: colores, tipografía, logotipo. La marca en el producto llega a lo que el producto decide: cómo habla en un error, qué opción viene marcada por defecto, qué se celebra, cómo se mueve una transición. Son decisiones de marca aunque nadie las trate como tales, y son las que el usuario percibe cada día.
¿Hay que rehacer el producto entero?
No. Se recorre el producto, se señala dónde la marca aparece, dónde se diluye y dónde se contradice, y se prioriza por frecuencia de uso: los momentos que ve todo el mundo todos los días valen más que una pantalla de configuración. A partir de ahí se aplica por tramos, con el equipo dentro.
¿Esto lo lleva marketing o producto?
Los dos, y ese suele ser el problema de fondo: marketing custodia la marca y producto decide la experiencia, sin un criterio común. El trabajo deja por escrito quién decide qué y con qué reglas, para que la coherencia no dependa de que dos departamentos se lleven bien.
¿Qué pasa con el tono de voz si el producto está en varios idiomas?
El tono se define por principios y por ejemplos, no por frases cerradas, para que se pueda sostener al traducir. Se entrega con casos resueltos en cada idioma que el producto ya usa y con las decisiones que no se pueden trasladar literalmente, que en el habla siempre las hay.
¿Cómo se mantiene cuando vosotros ya no estáis?
Las reglas se escriben dentro de las herramientas donde el equipo trabaja —componentes, textos y movimiento en el sistema real— y no en un documento aparte que nadie abre. Se acuerda también quién revisa las piezas nuevas, porque un criterio sin responsable dura lo que dura la siguiente urgencia.
