Un Moodboard es una herramienta fantástica a la hora de planificar el diseño de tu página web. ¿Te imaginas crear un espacio en el que puedas recopilar todas esas cosas que has ido viendo que te gustan para poder luego integrarlas en el diseño de tu web? Hoy te quiero contar qué es un moodboard y cómo puede ayudarte a cpseguir un diseño web original y muy personal para tu proyecto.
¿Qué es un Moodboard?
Un Moodboard es una herramienta de recopilación de información que utilizan much@s profesional@s del diseño para recoger ideas de cara a empezar un nuevo proyecto. Se puede crear en diferentes soportes: digital, en papel, en una pizarra… Es como una especie de collage en el que se recopilan diferentes elementos inspiradores que van a influir en un proyecto de diseño. Las ideas pueden estar representadas en forma de recortes, imágenes, textos, colores e incluso texturas que te ayuden a transmitir las emociones que quieres evocar en tus usuari@s.
Arquitect@s, diseñador@s industriales, decorador@s y, cada vez más, profesional@s del diseño gráfico o diseño web, usan a diario esta herramienta para esbozar nuevos proyectos. Su nombre significa literalmente «tablero de estados de ánimo», aunque también se le llama «tablero de inspiración».
En Creatiburón uso mucho esta herramienta para planificar mis diseños de logotipos y de páginas web. Para crear el Moodboard de un proyecto, voy recogiendo en él pedacitos de inspiración, ideas, sensaciones, etc. y luego voy depurando hasta quedarme sólo con la esencia.
¿Cómo te puede ayudar un Moodboard al diseñar tu web?
Si vas a diseñar tu web o contratar a un@ diseañador@ profesional para que lo haga, un Moodboard puede facilitar muchísimo el proceso creativo. Yo como diseñadora gráfica y web, utilizo este recurso siempre en mis trabajos ya que me ayuda de varias maneras:
- Ayuda a unificar toda la información disponible: deseos de mi client@, elementos que me inspiran de otras webs de referencia o objetos que pueden transmitir lo que buscas, etc.
- Recoge toda la información conseguida mediante la fase de investigación y búsqueda de información previa al trabajo de diseño.
- Muestra de una forma gráfica y fácil de interpretar la idea general que marcará el diseño de la web.
- Te ayuda a explorar diferentes estilos e ideas antes de llegar al momento de la implementación.
- Ayuda a decidir el «tono» del diseño de la web.
- Transmite de manera clara la estética que queremos para la página web que estamos diseñando.
- A veces las palabras no pueden transmitir una idea con tanta claridad como una buena imagen.
- Si vas a trabajar con un@ diseñador@ web profesional, te ayudará a que amb@s estéis sintonizad@s en la misma frecuencia.
Elementos que debería de incluir un Moodboard de diseño web
- Colores: Los colores son fundamentales en el diseño de una web. Recueda elegir máximo tres colores. En diseño menos es más 🙂
- Texturas: Madera, vegetal, papel…las texturas son muy interesantes en cualquier trabajo de diseño.
- Tipos de imágenes: ¿Qué tipos de imágenes quieres incluir en la web? Busca imágenes que te gusten por su luz, su composición o sus contenidos.
- Fuentes de inspiración que transmitan el feeling que queremos para la web: Puede ser cualquier material gráfico, no necesariamente otras páginas web: una postal, un envoltorio, una imagen de una revista, etc.
- Tipografías: Este es el lugar adecuado para elegir el tipo de tipografía que quieres para tu web. Te aconsejo que mires diferentes letras en Google fonts y te decidas por una más simple para el contenido y otra más elaborada para los titulares. Si buscas las letras en Google fonts, tendrás garantizado que se puedan usar libremente en el diseño de tu web.
- Diferentes maneras de organizar la información: Se trata de ver diferentes formas de arquitectura de la información, el juego entre los espacios en blanco y los contenidos, la organización, etc.
- Estilos…
Diferentes maneras de hacer tu tablero de inspiración
Tradicionalmente se han hecho a mano, con un tablero de un material como el cartón pluma, en el que se pudieran pegar o colgar diferentes elementos con celo o con chinchetas. Pero hoy en día existe también la posibilidad de hacerlos de forma totalmente digital. Aquí te dejo algunas posibilidades:
- Puedes hacerlo a mano con una cartulina o cartón en el que vayas pegando los diferentes elementos o materiales. Este proceso es más elaborado pero te permite combinar muchos más materiales y incluir elementos táctiles.
- Haciendo un tablero de Pinterest en el que recopiles todas las ideas que vayas viendo en Internet. Pinterest es un recurso genial, puedes hacer un tablero secreto e ir pineando en él todo aquello que te inspire para tu proyecto.
- Con Evernote puedes crear también un tablero de inspiración online con elementos que recopiles en Internet.
- Con una herramienta específica como Sampleboard.
El proceso para empezar a crear tu tablero
1. Pregúntate estas 3 preguntas:
- ¿Qué quiero transmitir? (emociones, filosofía, etc.).
- ¿Qué es lo que me hace diferente? ¿Cómo me quiero posicionar?
- ¿Qué servicios o productos voy a ofrecer en mi web?
2. Recopila palabras clave que te ayuden a contestar a estas preguntas y busca materiales gráficos que te ayuden a transmitir estas palabras clave.
3. Descarta todo lo superficial y quédate sólo con la esencia.
Consejos para hacer tu Moodboard
- Utiliza elementos no digitales en tu investigación: Aunque es muy cómodo tirar de imágenes de Google, no te quedes ahí. Utiliza materiales que no encuentres en internet: un trozo de tela, una postal, un embalaje que te guste…
- Saca fotos de cosas que te gusten cuando las veas: puede ser el color de la pintura de una vieja puerta de madera o un escaparate. Cualquier cosa puede ayudarte a transmitir esas palabras clave que definirán el «mood» de tu proyecto.
- No tengas miedo de incluir texturas: telas, papeles, cartones, un trozo de madera…no desestimes el mundo de lo táctil al hacer tu tablero. Muchas texturas se podrán aprovechar en el diseño de una web, por ejemplo una textura de madera o vegetal se puede usar como imagen de fondo para tus contenidos.
- Combina imágenes con palabras. No olvides incluir palabras también en tu tablero, te ayudará a potenciar el significado de tus imágenes y podrás mostrar tipografías interesantes para tu web.
- Busca provocar una respuesta emocional: Una web es efectiva si logra evocar una respuesta empcional en la persona que la visitas, así que busca provocar emociones, no te quedes en lo superficial.
- Recuerda que en la fase de investigación vas a recopilar mucho material pero que al final solo debes de quedarte con lo esencial. No todo puede ir en tu tablero final, debes de seleccionar lo más importante para no transmitir ideas contradictorias.
- Diviértete con el proceso. Si no te diviertes ¡No tiene gracia! Intenta disfrutar recopilando cosas que te gustan y jugando con ellas en tu tablero.
- Comparte tu Moodboard con otras personas y pregúntales qué es lo que ven, así podrás comprobar si estás logrando transmitir lo que quieres.