10 Ejemplos para potenciar tu Marca

Cómo Santiago de Chile, 2009 CONVERTIR TUS DEBILIDADES DE DISEÑO EN OPORTUNIDADES PARA POTENCIAR TU MARCA 10 EJEMPLOS DE BUEN DISEÑO EN HOME PAGES Por Adolfo Morales S. Consultor en Diseño Visual

Adolfo Morales S. / Diseñador Visual

Adolfo Morales S. / Diseñador Visual Qué es el Diseño de Interfaz.

Adolfo Morales S. / Diseñador Visual Qué es el Diseño de Interfaz. Interfaz para Home Pages.

Adolfo Morales S. / Diseñador Visual Qué es el Diseño de Interfaz. Interfaz para Home Pages. 10 Ejemplos para potenciar tu marca.

Qué ES EL DISEÑO DE INTERFAZ

Contexto digital de usuarios

Contexto digital de usuarios emails noticias información direcciones, teléfonos cuentas bancarias, pagos, transferencias videos fotos

¿Qué es Interfaz? “Proceso de interacción entre un usuario y un sistema interactivo que posibilita, a través del uso y la representación del lenguaje visual, una interacción amigable con un sistema informático”.

Debilidades visuales

Debilidades visuales Básica y mala interpretación de wireframes.

Debilidades visuales Básica y mala interpretación de wireframes. Mala adaptación de la marca.

Debilidades visuales Básica y mala interpretación de wireframes. Mala adaptación de la marca. Poca jerarquías visuales.

Debilidades visuales Básica y mala interpretación de wireframes. Mala adaptación de la marca. Poca jerarquías visuales. Mal manejo cromático.

Debilidades visuales Básica y mala interpretación de wireframes. Mala adaptación de la marca. Poca jerarquías visuales. Mal manejo cromático. Mal manejo tipográﬁco.

Debilidades visuales Básica y mala interpretación de wireframes. Mala adaptación de la marca. Poca jerarquías visuales. Mal manejo cromático. Mal manejo tipográﬁco. Mal diseño de iconografía.

Debilidades visuales Básica y mala interpretación de wireframes. Mala adaptación de la marca. Poca jerarquías visuales. Mal manejo cromático. Mal manejo tipográﬁco. Mal diseño de iconografía. Mal manejo de la imagen (arte fotográﬁco web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poca jerarquías visuales. Mal manejo cromático. Mal manejo tipográfico. Mal diseño de iconografía. Mal manejo de la imagen (arte fotográfico web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poco uso del fondo (backgrounds). Poca jerarquías visuales. Mal manejo cromático. Mal manejo tipográfico. Mal diseño de iconografía. Mal manejo de la imagen (arte fotográfico web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poco uso del fondo (backgrounds). Poca jerarquías visuales. Abuso de efectos: Mal manejo cromático. Mal manejo tipográfico. Mal diseño de iconografía. Mal manejo de la imagen (arte fotográfico web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poco uso del fondo (backgrounds). Poca jerarquías visuales. Abuso de efectos: Mal manejo cromático. Degradados Mal manejo tipográfico. Mal diseño de iconografía. Mal manejo de la imagen (arte fotográfico web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poco uso del fondo (backgrounds). Poca jerarquías visuales. Abuso de efectos: Mal manejo cromático. Degradados Mal manejo tipográfico. Sombras Mal diseño de iconografía. Mal manejo de la imagen (arte fotográfico web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poco uso del fondo (backgrounds). Poca jerarquías visuales. Abuso de efectos: Mal manejo cromático. Degradados Mal manejo tipográfico. Sombras Mal diseño de iconografía. Brillos Mal manejo de la imagen (arte fotográfico web).

Debilidades visuales Básica y mala interpretación de Abuso de pirotecnia (banners animados, wireframes. flash con loops infinitos). Mala adaptación de la marca. Poco uso del fondo (backgrounds). Poca jerarquías visuales. Abuso de efectos: Mal manejo cromático. Degradados Mal manejo tipográfico. Sombras Mal diseño de iconografía. Brillos Mal manejo de la imagen (arte fotográfico Volúmenes web).

LOS WIREFRAMES NO SE TRASPASAN...

...SE DISEÑAN!

APROVECHÉMONOS DE LA MARCA...

...Y DISEÑEMOS IDENTIDAD!

Diseño DE INTERFAZ EN HOME PAGES

¿Qué debe proyectar mi Home?

¿Qué debe proyectar mi Home? Usable.

¿Qué debe proyectar mi Home? Usable. Diferenciadora.

¿Qué debe proyectar mi Home? Usable. Diferenciadora. Reconocible.

¿Qué debe proyectar mi Home? Usable. Diferenciadora. Reconocible. Conﬁable.

¿Qué debe proyectar mi Home? Usable. Diferenciadora. Reconocible. Conﬁable. Amistosa.

¿Qué debe proyectar mi Home? Usable. Diferenciadora. Reconocible. Conﬁable. Amistosa. Segura.

¿Qué debe proyectar mi Home? Usable. Diferenciadora. Reconocible. Conﬁable. Amistosa. Segura. Y por supuesto... Sexy!

10 EJEMPLOS PARA POTENCIAR TU MARCA

10 EJEMPLOS PARA POTENCIAR TU MARCA q

www.atpworldtour.com 1. DISEÑA FONDOS PARA CONSTRUIR NUEVOS CONCEPTOS DE TU MARCA

www.apple.com ...O REAFIRMA LOS CONCEPTOS QUE YA TIENES.

www.ﬁrefox.com Y SI PUEDES Y QUIERES HACERLO LÚDICO MUCHO MEJOR, LE DARÁS EMOCIÓN A TU DISEÑO

www.visa.com 2. ENCUENTRA NUEVAS FORMAS PARA VISUALIZAR TU INFORMACIÓN...

www.adidas.com ...SORPRENDIENDO SIEMPRE AL USUARIO...

www.unilever.com ...Y DÁNDOLE DIFERENCIACIÓN A TU MARCA.

www.sweden.gov.se 3. LOGRA JERARQUÍAS VISUALES A TRAVÉS DE TIPOGRÁFIAS COMPLEMENTARIAS...

www.cnn.com ...O EXPLOTANDO SIMPLEMENTE EL POTENCIAL DE UNA SOLA.

www.rolex.com 4. EXPLORA NUEVAS FORMAS DE NAVEGACIÓN...

www.merrell.com ...INCLUSO APOSTANDO AL CAMBIO.

www.ge.com 5. CUENTA HISTORIAS REALES PARA Y CON TUS USUARIOS...

...ES MÁS BARATO QUE FILMAR COMERCIALES.

www.ikea.com ...HISTORIAS QUE PUEDES VENDER.

www.directv.com 6. DALE TANTA IMPORTANCIA A UNA LANDING PAGE COMO A UNA HOME.

www.lacoste.com 7. ASEGURA UNA DIRECCIÓN DE ARTE QUE INTEGRE A TU MARCA.

www.rfdc.ac.uk 8. UNA NUEVA VUELTA A LA DISTRIBUCIÓN DE LOS ELEMENTOS DE NAVEGACIÓN...

www.mica.edu ...NUNCA ESTÁ DEMÁS.

www.bbc.com 9. PROCURA LIMPIEZA VISUAL PARA GENERAR CREDIBILIDAD EN EL USUARIO...

www.db.com ...CON DIAGRAMACIONES BALANCEADAS Y ELEGANTES.

www.converse.com 10. HABLA EN EL IDIOMA DE TU USUARIO...

www.goldmansachs.com ...PARA QUE CONFÍE EN TÍ.

Uds... ...CONOCEN SUS DEBILIDADES?

Uds... ...CONOCEN SUS DEBILIDADES? NOSOTROS SÍ! :)

Muchas GRACIAS! ADOLFO MORALES S. www.amorales.cl ﬁto@amorales.cl

http://www.multiplica.com	93
http://www.slideshare.net	15
http://www.apurva.com	3
http://www2.multiplica.com	1
http://axelav.blogspot.com	1

10 Ejemplos para potenciar tu Marca

by Adolfo Morales on Jul 21, 2009

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 113

Statistics

10 Ejemplos para potenciar tu Marca — Presentation Transcript