Diseño gráfico y branding
Diseño lo que luego programo.
Qué incluye.
- Identidad de marca Logotipo, versiones y las reglas para que se use igual en todas partes.
- Color y tipografía El sistema que hace que dos piezas hechas por gente distinta parezcan la misma casa.
- Diseño de interfaz Las pantallas del producto, pensadas con quien las va a programar.
- Piezas de aplicación Presentaciones, documentación, plantillas de correo y lo que la marca necesite en el día a día.
- Material impreso Lo que sigue existiendo en papel: tarjetas, catálogos, señalética y ferias.
- Revisión de marca Mirar lo que ya hay y decir qué se salva, qué se ajusta y qué toca rehacer.
Marca y producto, la misma mano
Casi nunca diseña la marca quien después programa el producto donde se aplica. Aquí sí, y eso cambia dónde acaba la identidad.
Un manual de marca es un PDF que alguien tiene que respetar. Cuando quien lo escribe es el mismo que escribe el código, deja de ser un PDF: el color entra en la hoja de estilos, la tipografía en la plantilla del correo automático y el logotipo en la factura que emite el sistema. No hay traducción por el camino.
Y funciona al revés: diseñar sabiendo lo que cuesta programar cada decisión evita entregar pantallas que luego hay que recortar. El oficio es Photoshop e Illustrator.
Marcas en las que he trabajado.
Identidad de producto y de empresa, del logotipo a la web con la que se presentan.
-
Gestión Externa de Sistemas
Imagen corporativa de la empresa de software que hay detrás de esos productos.
-
gobianas
Imagen corporativa del perfil profesional de administración y operaciones: el imagotipo, la paleta y la web con la que se presenta.
-
Hanasuka
Marca de la academia de japonés: el imagotipo sobre el kanji 話 y el sistema de color.
-
ISOGESONLINE
Identidad del producto de gestión documental de normas ISO integrado con Sage 200C.
-
Jordi Salord
La marca con la que firmo: el imagotipo y su uso en la web, la tarjeta y la firma.
-
Kimobox
Marca e identidad visual de la plataforma de digitalización de procesos.
-
Kokai
Marca de la app de viajes: una carretera en bucle que sale de puerto y vuelve a él, por 航海, «la travesía», con su paleta de petróleo y ámbar.
-
M2Seed
Marca de la división que hace webs para pymes: logotipo, sistema visual y la web con la que se presenta.
-
Petit Drac
Marca de la academia de catalán: un dragón cachorro, el de Sant Jordi y los correfocs, que echa humo y no fuego porque aún es pequeño.
Para entrar en detalle.
- Cómo decido lo que se ve Interfaz, retícula, color y accesibilidad: el método y los términos del oficio, con sus fuentes.
- Las aplicaciones donde se aplica Los productos cuya marca e interfaz he diseñado, con enlace para verlos funcionando.
- Y cómo se programa después Lo que pasa cuando quien dibuja la pantalla es también quien la escribe.