Brand book
Vol. I
El estilo de Wonders Pautas para diseĂąar
3
estilo
4.
¡Hola! Este Brandbook quiere ser una guía para ayudarte a trabajar con Wonders. Si vas a hablar en nombre de la marca, asegúrate de que conoces bien lo que la marca quiere transmitir y qué códigos ha elegido para hacerlo. En sus páginas encontrarás El alma de Wonders, el estilo de Wonders y las palabras de Wonders.
16.
No lo tomes como una normativa, se trata más de una orientación inspiradora que sin duda te será útil para respetar la identidad de la marca. Disfrútalo. We are Wonders.
Logotipo Wonders:
Nuestro Logotipo / Logotipos especiales /
El claim / Rojo Wonders / Tamaño y área de respeto
Adaptaciones a otras culturas
Tipografías:
20.
32.
brand book wonders
Tipografías / ¿Cómo se escribe Wonders?
Estilo:
Ilustraciones / Made with love en todo lo que hacemos
Siempre desde el producto / El código QR /
Icono de Redes sociales
Fotografía:
Cómo usar las fotografías
36.
Audiovisuales
38.
Malos ejemplos
4
estilo
Nuestro logotipo. 01. logotipo.
La identidad de Wonders se basa en un logotipo. Una imagen compuesta a partir de una tipografía estilizada con el nombre de la marca. No es un símbolo pictográfico. El logotipo siempre se colocará en horizontal. Te pedimos que no lo gires a no ser que sea estrictamente necesario. Y por supuesto, que no lo estires ni lo deformes.
2015 Adelanto de colección para ferias. Fotografía de producto para línea deportiva.
brand book wonders
5
estilo
brand book wonders
6
estilo
brand book wonders
Logotipos especiales. Durante varias temporadas elaboramos diferentes campañas con ayuda de colaboradores ilustradores que trabajaban las imágenes manualmente. 01. logotipo.
Cada uno de estos colaboradores hizo su propia versión del logotipo, que se usó exclusivamente durante esa temporada: ilustrado a mano, pintado, bordado o modelado. Pero salvo que seas uno de esos ilustradores o necesites usar una de las imágenes de esa campaña, utiliza la versión original. Hay ocasiones en las que también hacemos nuestra propia reinterpretación del logotipo si el concepto lo requiere, como en uso de corpóreos para escaparates o piezas donde se puede aplicar con la misma técnica que el resto del diseño.
2013 y 2014 Imágenes de campaña. Logotipos reinterpretados por los ilustradores Paula Sanz, Irma Gruenholz y Gabriel Moreno.
7
estilo
brand book wonders
8
estilo
brand book wonders
9
estilo
Versión actual
El claim. En función de la aplicación, y siempre que sea posible, la marca irá acompañada de nuestro claim Made with love in Spain. Aunque excepcionalmente y según el caso, podremos usar sólo el logotipo Wonders. 01. logotipo.
Un ejemplo en el que el logotipo no va acompañado del apellido es cuando lo usamos en una aplicación técnica como Flot Flex o Easy Care o una submarca como Wonders Fly. El claim nunca va solo, y es posible que encuentres diferentes versiones de él. Procuramos ser líquidos e ir evolucionándolo cada cierto tiempo para adaptarlo a cada campaña. Pero sólo el apellido. Asegúrate siempre de que estás usando su versión actualizada. También existen versiones anteriores que incorporan el símbolo de marca registrada. Pero salvo que se solicite lo contrario, no lo aplicaremos.
Versiones anteriores
brand book wonders
10
01. logotipo.
estilo
brand book wonders
11
estilo
brand book wonders
Rojo Wonders.
Pantone 7427 C
El rojo Wonders es muy especial. No vale cualquier rojo. En función del medio en el que vayamos a reproducir nuestro diseño lo usaremos en su versión Pantone, para impresión en offset, CMYK, para impresión en cuatricromía, o RGB, para digital.
C 008 M 100 Y 070 K 032
Una advertencia. Este color cambió hace no mucho. Asegúrate de que no estás usando el rojo antiguo. El logotipo se aplicará en nuestro color siempre que sea posible. Sólo excepcionalmente lo aplicaremos calado en blanco cuando su legibilidad sea comprometida o cuando estemos usando su versión en negativo sobre rojo Wonders. Pero nunca en otro color. Como colores complementarios para uso del claim, titulares y textos, además del rojo Wonders, utilizamos paletas desaturadas: blancos, grises, negros. Los colores brillantes estarán en la propia imagen, los recursos y los fondos.
R 158 G 24 B 46
!
Pantone 200 C Cuidado. Este es el rojo antiguo. Asegúrate de estar usando el color actual.
12
estilo
brand book wonders
Tamaño y área de respeto. Estamos orgullosos de ser Wonders. Y eso se ve cuando ponemos nuestro logo. Así que no te cortes. Sé todo lo generoso que puedas con él.
01. logotipo.
Debemos aplicar el logotipo manteniendo un área de respeto a su alrededor. Si permites que otros elementos invadan este espacio, el logotipo verá reducido su espacio vital, se ahogará y perderá potencia. Si respetas este área, amplificarás la presencia del logotipo y facilitarás que sea percibido correctamente. Sólo ciertos y privilegiados elementos tienen el derecho a invadir el área de respeto. Como el claim, una submarca como Fly o la web.
x x x
2015 Gráfica de Prensa. Ejemplo de logotipo visible acompañado del claim respetando su perímetro de seguridad.
13
estilo
brand book wonders
14
01. logotipo.
estilo
Adaptaciones a otras culturas. Nuestra marca es universal. Tenemos un solo logotipo para todos y lo empleamos en todo el mundo del mismo modo. Incluso en paĂses que cuentan con su propio alfabeto como China.
2013 Tienda Rusia. AdaptaciĂłn tienda para Rusia.
brand book wonders
15
estilo
brand book wonders
16
estilo
brand book wonders
Tipografía. Con la tipografía somos bastante flexibles y la adecuamos a cada concepto y soporte. Pero nunca utilizamos tipografías similares a la del logotipo, de tendencia, o mal construidas como fuentes gratuitas. Generalmente utilizamos una tipografía de palo seco para titulares y una de fácil lectura para cuerpos de texto. 02. tipografía.
Actualmente estamos usando Brown, Akkurat e ITC Clearface para soportes impresos y redes sociales y Monserrat y Karla para nuestra web. Pero no podemos asegurar que no las vayamos a cambiar mañana. En ese sentido somos muy impulsivos. Como la mujer Wonders. Son tipografías de fácil lectura, con un punto femenino y bien construidas. ¿Te suena? Coincide con nuestros valores a la hora de fabricar. Puedes usar otras tipografías si el concepto lo requiere. Pero elígela con responsabilidad teniendo en mente cada uno de los valores de la marca. Para hacerlo, vuelve a hojear de nuevo todo el Brand Book.
17
estilo
brand book wonders
18
02. tipografía.
estilo
brand book wonders
Cómo se escribe Wonders. Cuando aparezca la palabra Wonders, pondremos el logotipo en nuestro color. Esto no siempre es posible. Funciona en algunos titulares, pero no en cuerpos de texto. En ese caso, Wonders se escribe como suena, con la primera letra mayúscula, como un nombre propio. Sabemos que nunca lo harías, pero por si acaso, Wonders nunca lleva apóstrofe. (Wonder´s)
2015 Newsletter Navidad. Ejemplo de logotipo integrado en el titular y uso de la marca en cuerpo de texto.
19
estilo
brand book wonders
20
estilo
Estilo. 03. estilo.
No buscamos complicaciones en nuestras composiciones. Trabajamos retículas simples, titulares visibles y jerarquías ordenadas. Sólo en este punto dejamos de ser españoles para ser algo más suizos. Los textos los componemos desde el centro de la imagen o desde el producto, que siempre caerá en un punto de interés de la imagen. Y sólo si la composición nos lo pide, podremos reservar un marco blanco con más peso en la parte superior o inferior para colocar la marca.
2016 Campaña Spring Summer. Uso de retícula simple y logotipo visible en marco blanco.
brand book wonders
21
estilo
brand book wonders
22
estilo
Ilustraciones 03. estilo.
Encontrarás diferentes soportes que hemos generado a partir de ilustraciones. No estamos cerrados a ellas, pero preferimos usar fotografía y otros recursos gráficos. La experiencia nos dice que es fácil caer en valores equívocos si usamos esta técnica.
2013 Packaging. Ilustraciones para papel de caja de producto.
brand book wonders
23
estilo
brand book wonders
24
estilo
brand book wonders
Made With Love en todo lo que hacemos. 03. estilo.
Tratamos de cuidar al máximo todo los detalles. Como hacemos cuando fabricamos. Es nuestro top of mind, así que intentamos aplicarlo a cualquier cosa que va a llevar la marca Wonders. Desde el diseño a la impresión, pasando por el montaje o el retoque fotográfico.
2011 Gráfica de campaña. Imagen creada por el pintor Jordi Carreras.
25
estilo
brand book wonders
26
estilo
brand book wonders
Siempre desde el producto. 03. estilo.
Es lo que mejor sabemos hacer. Zapatos. Sobre ellos se construye la historia, tanto a nivel conceptual como a nivel compositivo. Sea cual sea la aplicación, procura que quien vaya a ver esa imagen se le vayan los ojos directos al producto. Es el gran protagonista. Así que siempre procuramos enseñar su mejor cara. En la mayoría de casos es una posición de tres cuartos, pero también depende del modelo. Una bota funciona muy bien desde el lateral, una sandalia angulada y una bailarina desde el cenital. Cada modelo también requiere un trato diferente. Asegúrate de cómo se colocan los cordones de ese zapato que vas a fotografiar o qué es lo que más interesa destacar. A veces será la suela, a veces el material de su empeine.
2014. Bodegón para ferias. Fotografía de producto eligiendo el punto de vista adecuado según el modelo.
27
estilo
brand book wonders
28
estilo
brand book wonders
29
estilo
brand book wonders
El código QR. 03. estilo.
Hubo un momento en el que abusamos de él. Ahora tenemos una norma. Si no va a dirigir a una pieza específica que complemente la imagen, no lo ponemos. Por ejemplo, evitaremos ponerlo si va a dirigir a wonders.com, pero es probable que sí lo hagamos si va a dirigir a un audiovisual complementario o al modelo concreto en la tienda online. Tampoco lo uses si se trata de un soporte difícil de capturar, como una valla o un bus. Imagínate la escena de alguien corriendo detrás.
2015 Gráfica AW 14/15. Aplicación del código Qr que dirigía a Fashion Film de la campaña.
a R Q e d o l p a t e m r e c Ej n o c a z pie
30
estilo
Iconos de RRSS. 03. estilo.
Todas, o casi todas las marcas, tienen redes sociales. No es ninguna novedad. Poner los iconos de las redes sociales no va a hacer que crezcamos en seguidores. Pero si por algún motivo necesitas añadir estos iconos, no los coloques de manera invasiva y asegúrate de que son sus últimas versiones oficiales. Las podrás encontrar en la web de cada red social.
2016 Convocatoria de ferias. Aplicación de redes sociales en gráfica.
brand book wonders
31
estilo
brand book wonders
32
estilo
brand book wonders
Fotografía. Nuestras fotografías deben transmitir los valores Wonders: son universales, luminosas, optimistas, producen sensaciones positivas y se construyen desde el producto. Siempre evitamos poses fingidas y exageradas. Preferimos enseñar la parte más real y cotidiana de la mujer Wonders. Aunque se encuentre dentro de un universo imaginario. 04. fotografía.
La mujer Wonders no está representada por una teenager. Nuestra consumidora es más adulta y debe verse reflejada en las imágenes, aunque esté algo idealizada. Si tiene 40, que aparente 30. Si tiene 20, que parezca que tiene 30. Recuerda siempre que vendemos zapatos, no ropa. Por eso utilizamos prendas estilizadas, pero que nunca canibalicen al producto. Ya sea por su color, estampados o por el propio corte o caída de la prenda. Independientemente de la temporada, intentamos utilizar estilismos universales y atemporales, que no marquen ninguna tendencia concreta. Si es Spring Summer, que sea más Spring. Y si es Autumn Winter, que sea más Autumn.
2015 Grafíca de campaña. Fotografía que trasmite perfectamente los valores Wonders.
33
estilo
brand book wonders
34
estilo
brand book wonders
Cómo usar las fotografías. 04. fotografía.
Trabajamos con dos grupos diferentes de fotografías. Imágenes de concepto construidas desde el producto. Y bodegones contextuales integrados en la historia donde el producto es el protagonista absoluto. A la hora de utilizarlas, asegúrate de que están en el formato adecuado y con la resolución adecuada. Recuerda. 72 ppp en modo RGB para pantalla y 300 ppp en modo CMYK y marcas de corte con sangre a 3 mm para impresión. Intenta usar la maquetación original. Si tienes que hacer una adaptación, respeta la composición original y todos sus elementos: tipografías, jerarquías, retícula y colores.
2014 Serie fotográfica. Fotografía de concepto e imágenes contextuales de producto en la misma escena.
35
estilo
brand book wonders
36
estilo
brand book wonders
Audiovisuales.
37
estilo
brand book wonders
Made with love in Spain.
Spring Summer 13
Autumn Winter 13 - 14
Audiovisual corporativo de marca. 2012
Fashion Film de colección. Primavera Verano 2013
Fashion Film de colección. Otoño Invierno 2013-2014
https://goo.gl/KzAEph
https://goo.gl/9lGVfS
Spring Summer 14
Autumn Winter 14 - 16.
Fly, Don’t Walk SS 2015
Fashion Film de collección. Primavera Verano 2014
Fashion Film de colección. Otoño Invierno 2014-2015
Fashion Film Wonders Fly. Primavera Verano 2015
https://goo.gl/31zgwc
https://goo.gl/5NcwHq
https://goo.gl/dLQu2B
Spring Summer 2015
Fly, Don’t Walk AW 15-16
Autumn / Winter is Here!
Fashion Film de colección. Primavera Verano 2015
Fashion Film Wonders Fly. Otoño Invierno 2015-2016
Fashion Film de colección. Otoño Invierno 2015-2016
https://goo.gl/Xi4YFS
https://goo.gl/dg6Tpl
https://goo.gl/RWjOoB
https://goo.gl/157fyJ
De la misma manera que ocurre con la fotografía, la historia la construimos siempre desde el producto. Tanto si se trata de un fashion film como de un video de producto. No importa el género. 05. audiovisuales.
Trabajamos con piezas ligeras y fáciles de digerir. Si podemos contar la historia en 15’’, no lo hacemos en 30’’. No nos gusta el formato making of. Preferimos crear siempre una pieza ad hoc coherente con el resto de aplicaciones en cada campaña. Y lo más importante de todo. Procura sacar una sonrisa de quien vaya a ver la película.
38
estilo
brand book wonders
39
estilo
brand book wonders
Malos ejemplos. 06. malos ejemplos.
Ojalá fuéramos perfectos. Pero nadie lo es. Dar vida a una marca depende de tantos detalles que es normal equivocarse de vez en cuando. A continuación, tienes una selección de esos errores. Nos gusta pensar que los cometimos para que nadie vuelva a repetirlos.
40
estilo
brand book wonders
41
estilo
06. malos ejemplos.
2014
2015
Circuito de vallas en Roma.
Producto no visible.
Qr en valla de 2 x 4.
Actualizaciรณn en redes sociales.
brand book wonders
42
estilo
brand book wonders
43
estilo
06. malos ejemplos.
2015
2015
Ilustraciones Mr Wonderful.
Punto de vista equivocado y uso de tipografías de tendencia.
Actualización en redes sociales.
Actualización en redes sociales.
brand book wonders
44
estilo
brand book wonders
45
estilo
06. malos ejemplos.
2015
2015
Tipografía de tendencia.
Error de uso de color. Rojo cualquiera.
Actualización en redes sociales.
Actualización en redes sociales.
brand book wonders
46
estilo
brand book wonders
47
estilo
06. malos ejemplos.
2015
2015
Esto no es made with love.
Mal uso del รกrea de respeto.
Cรณrner de tienda en Madrid.
Actualizaciรณn en redes sociales.
brand book wonders
48
estilo
06. malos ejemplos.
2015 Marca deformada. Tienda Rusia.
brand book wonders
49
estilo
brand book wonders
50
estilo
brand book wonders
51
estilo
¡Hasta pronto! Nuestra identidad es lo que somos. Si tienes alguna duda consúltanos antes de ejecutar. Estaremos encantadísimos de ayudarte. e-wonders@wonders.com Telf +34 965 683 911 C/ Santiago Ramón y Cajal, 17 03203 Elche (Alicante)
brand book wonders