¿Qué es un tablero de inspiración y 5 razones para crear uno al diseñar tu próximo sitio web?

Descubre cómo y por qué incorporar moodboards en tus proyectos de diseño web.

¿Qué es un tablero de inspiración y 5 razones para crear uno al diseñar tu próximo sitio web?

Índice de contenidos

Nuestros compañeros de equipo y clientes no pueden leer nuestra mente. Pero, ¿no sería genial si pudieran?

Como no podemos fusionar nuestras mentes al estilo vulcano para colaborar sin esfuerzo en el diseño web, nuestra mejor opción es usar herramientas que nos ayuden a expresar nuestras ideas de una forma más fácil de imaginar: visualmente.

Still from Star Trek, Spock mindmelds with Kirk
Spock intenta entender la visión de Kirk para su nuevo sitio web.

A veces, las palabras son una forma imperfecta de comunicar ideas visuales. Lo que tú imaginas puede verse totalmente distinto a lo que otra persona tiene en mente. Tus asociaciones con una palabra o idea pueden no tener nada que ver con las de tu cliente o compañero de trabajo.

Si alguien dice que quiere un sitio web "moderno", por ejemplo, tú podrías imaginar algo "limpio y minimalista", mientras que tu compañero piensa en algo "sofisticado y tecnológico". Si ambos se pusieran manos a la obra con sus versiones, el resultado final sería muy diferente.

Outset and Summon website homepages
Tanto los sitios Outset como Summon son grandes ejemplos de diseño web moderno y actual, pero de formas muy distintas. ¿Cuál de los dos tenías en mente?

Las pistas visuales nos ayudan a compartir conceptos que a veces son difíciles de explicar con palabras y a alinear nuestras ideas con las de nuestros colaboradores. Cuando se trata de trabajo creativo —ya sea con clientes o dentro de nuestro equipo—, la comunicación clara y la creación de una visión compartida son fundamentales.

Aquí es donde entran los moodboards. Son un elemento básico no solo en el diseño, sino también en la moda, el arte y cualquier ámbito que requiera un poco de inspiración visual.

Ahora, echemos un vistazo más de cerca.

¿Qué es un moodboard?

Un moodboard es un conjunto de imágenes que comunican una idea o un concepto de diseño. Aunque suelen asociarse con la organización de bodas o el diseño de interiores, los moodboards son cada vez más populares en el diseño web porque son muy eficaces para ayudar a diseñadores y clientes a planificar un sitio web juntos.

Cuando crees tu próximo sitio web, tu moodboard debe ser una representación visual de cómo se verá y se sentirá el diseño final. Debe sacar las ideas de tu cabeza y plasmarlas de forma concreta en una página para que tú y tus clientes puedan visualizar mejor el efecto general y ponerse de acuerdo sobre el diseño.

Qué incluir en tu moodboard

Un moodboard debe incluir cualquier elemento concreto del diseño de tu sitio que ya tengas, como el logotipo de la marca o imágenes existentes. También puedes crear varias versiones de tu moodboard para probar ideas. Si no te decides por qué paleta de colores usar, crear algunos moodboards para ver cómo combinan con tu logotipo e imágenes te ayudará a apreciar mejor el efecto general. Reúne tus elementos de diseño en un moodboard para ver qué tan bien crean un todo coherente.

Aquí tienes una lista general de todo lo que deberías incluir:

También puedes incluir imágenes más abstractas que transmitan emociones, creen un ambiente o demuestren una idea. Quizás el cliente quiera un sitio web que parezca una nave espacial futurista o le encanten los colores y texturas de una película en particular. Añade esas imágenes para ayudar a comunicar esa visión.

Recuerda, tu tablero de inspiración comunica una visión; todavía no estás construyendo el sitio web real.

Aquí tienes algunos elementos para crear ambiente que deberías considerar añadir:

  • Imágenes del público objetivo
  • Imágenes para establecer el ambiente o el tono
  • Pistas visuales de lo que quieres que "transmita" tu sitio
  • Música y efectos de sonido
  • Ejemplos de diseño que te inspiren
  • Notas, pensamientos e ideas

5 razones para crear un tablero de inspiración para tu próximo sitio web

Crear un tablero de inspiración puede ser útil de muchas maneras y en diversas etapas del proceso de planificación y diseño de un sitio web. Los diseñadores pueden crear uno para mostrar a sus clientes lo que planean, y los clientes pueden hacer lo mismo para mostrar lo que buscan.

1. Consolida tu propia visión para el sitio

Un tablero de inspiración es una herramienta útil para los diseñadores, ya sea que trabajen en su propio proyecto o creen un sitio para un cliente. A veces, plasmar una idea de diseño en una página te ayuda a entender mejor qué funciona y qué no. Crear un tablero te muestra cómo encajarán los diversos elementos con los que trabajas. Incluso puedes crear varios si estás tratando de decidir entre distintas opciones.

Si tienes un cliente que parece no decidirse, puedes pedirle que cree un tablero de inspiración para aclarar su propia visión del sitio web. Algunas personas visualizan las cosas con mucha claridad en su mente, mientras que otras necesitan algo un poco más concreto. El simple hecho de crear un tablero les ayudará a comprender mejor su propia visión.

2. Enfócate mejor en las cualidades intangibles de la marca

Un tablero de inspiración puede ser una forma creativa de examinar las cualidades intangibles de una marca o de la inspiración para un sitio web. Si permites que tu tablero sea un poco más abstracto, puedes usarlo para explorar cómo se verían los efectos temáticos o emocionales de tu diseño. En otras palabras, el ambiente de la marca.

Puede que tengas grandes ideas para el diseño de la página de inicio, las paletas de colores y las combinaciones de fuentes, pero ¿transmitirán los valores de la marca? ¿Conectarán con el público objetivo? ¿Las decisiones estéticas que estás tomando realmente transmiten el tono que deseas establecer? Poner imágenes concretas en una página puede ayudarte a responder esas preguntas.

3. Comparte tus ideas con mayor claridad con los clientes

Una buena comunicación es fundamental para construir una relación sólida entre cliente y diseñador. Un tablero de inspiración es una herramienta de comunicación excelente. Puedes usarlo para compartir tus ideas visualmente y asegurarte de que tú y tu cliente estéis en la misma sintonía. Incluso podéis crear un tablero de forma colaborativa durante la fase de lluvia de ideas.

4. Gestiona las expectativas del cliente

Asegurarse de que los diseños cumplan con las expectativas del cliente puede ser una parte realmente complicada del proceso de diseño web. No todos los clientes saben comunicar bien su visión o tienen los conocimientos técnicos para entender qué es posible y qué no. Colabora en el diseño de forma más eficaz usando un tablero de inspiración para aclarar tus planes y gestionar las expectativas del cliente desde el principio.

Plasmar ideas en un tablero de inspiración permite que los clientes den su opinión desde las primeras etapas. Es una forma de que te muestren lo que tienen en mente con mayor claridad, evitando así que pierdas tiempo en instrucciones mal interpretadas.

5. Agiliza tu proceso de revisión de diseño

Usa un tablero de inspiración para optimizar tu proceso de revisión de diseño. Un tablero ayuda a establecer un lenguaje visual común entre tú y tu cliente. Con un lenguaje compartido y una mejor comprensión de las preferencias del cliente, conseguirás que aprueben tus diseños mucho antes.

Los tableros de inspiración se crean rápidamente, mucho más rápido que una maqueta de sitio web completa. El intercambio de opiniones es más fluido y puedes crear nuevas versiones del tablero fácilmente para adaptarte a esos comentarios.

Usa tableros de inspiración para llevar tu proceso creativo al siguiente nivel

A veces, lo único que necesitas para desbloquear nuevas ideas creativas es un pequeño cambio en tu proceso. Usar un tablero de inspiración para recibir directrices creativas de un cliente o para comunicar tu propia visión de un proyecto puede ayudarte a ver tu trabajo de diseño web desde otra perspectiva.

Alguien que suele ser muy técnico y metódico podría descubrir que el proceso de crear un tablero de inspiración más libre le ayuda a pensar en el diseño web de una forma nueva. Quien se centra en elementos de marca al diseñar podría verlos de otra manera al verlos yuxtapuestos en un tablero en lugar de listados en una guía de estilo.

Colaborar en un tablero de inspiración puede incluso cambiar la forma en que tu equipo trabaja entre sí y con los clientes. Podrías descubrir nuevas fortalezas, nuevas formas de comunicar ideas y nuevos enfoques creativos. En cualquier caso, los tableros de inspiración serán una incorporación productiva a tu caja de herramientas de diseño.

¿Buscas una dosis semanal de inspiración creativa?

Únete a más de 800.000 personas que reciben cada semana lo mejor, lo más novedoso y lo último en diseño y no-code.

→
↗
►
↓
←
↑
Leer ahora

Última actualización
April 6, 2023
Categoría

Artículos relacionados

3 herramientas para potenciar tu proceso de revisión de diseño
3 herramientas para potenciar tu proceso de revisión de diseño

3 herramientas para potenciar tu proceso de revisión de diseño

3 herramientas para potenciar tu proceso de revisión de diseño

Diseño
Por
John Moore Williams
,
,
Leer artículo
Guía del diseñador freelance para el proceso de diseño
Guía del diseñador freelance para el proceso de diseño

Guía del diseñador freelance para el proceso de diseño

Guía del diseñador freelance para el proceso de diseño

Diseño
Por
Mat Vogels
,
,
Leer artículo
Diseño conceptual: qué es y cómo construirlo
Diseño conceptual: qué es y cómo construirlo

Diseño conceptual: qué es y cómo construirlo

Diseño conceptual: qué es y cómo construirlo

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes
Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes

Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes

Presenta tu portafolio de diseño web: la guía definitiva para ganar nuevos clientes

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Cuestionarios de diseño web: 7 cosas esenciales que debes preguntar a tus clientes
Cuestionarios de diseño web: 7 cosas esenciales que debes preguntar a tus clientes

Cuestionarios de diseño web: 7 cosas esenciales que debes preguntar a tus clientes

Cuestionarios de diseño web: 7 cosas esenciales que debes preguntar a tus clientes

Diseño
Por
Equipo de Webflow
,
,
Leer artículo
Cómo perfeccionar tu próxima presentación para clientes
Cómo perfeccionar tu próxima presentación para clientes

Cómo perfeccionar tu próxima presentación para clientes

Cómo perfeccionar tu próxima presentación para clientes

Estrategia
Por
Mariah Driver
,
,
Leer artículo

verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo
verifone logomonday.com logospotify logoted logogreenhouse logoclear logocheckout.com logoreddit logothe new york times logoideo logoupwork logodiscord logo

Empieza gratis

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.

Empieza, es gratis
Ver demostración

Prueba Webflow todo el tiempo que quieras con nuestro plan Starter gratuito. Compra un plan de sitio de pago para publicar, alojar y desbloquear funciones adicionales.