Cómo potenciar tu marca personal y explotar LinkedIn de manera profesional
10 Ejemplos para potenciar tu Marca
-
Upload
adolfo-morales -
Category
Design
-
view
1.478 -
download
1
Transcript of 10 Ejemplos para potenciar tu Marca
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
CómoSant
iago
de
Chile
, 200
9
Adolfo Morales S. / Diseñador Visual
Qué es el Diseño de Interfaz.
Interfaz para Home Pages.
10 Ejemplos para potenciar tu marca.
Contexto digital de usuarios
noticias
información
cuentas bancarias,pagos, transferencias
fotos
direcciones,teléfonos
emails
videos
“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”.
¿Qué es Interfaz?
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áfico.
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áfico.
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á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 wireframes.
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
Abuso de pirotecnia (banners animados, flash con loops infinitos).
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áfico.
Mal diseño de iconografía.
Mal manejo de la imagen (arte fotográfico web).
Debilidades visuales
Abuso de pirotecnia (banners animados, flash con loops infinitos).
Poco uso del fondo (backgrounds).
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áfico.
Mal diseño de iconografía.
Mal manejo de la imagen (arte fotográfico web).
Debilidades visuales
Abuso de pirotecnia (banners animados, flash con loops infinitos).
Poco uso del fondo (backgrounds).
Abuso de efectos:
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áfico.
Mal diseño de iconografía.
Mal manejo de la imagen (arte fotográfico web).
Debilidades visuales
Abuso de pirotecnia (banners animados, flash con loops infinitos).
Poco uso del fondo (backgrounds).
Abuso de efectos:
Degradados
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áfico.
Mal diseño de iconografía.
Mal manejo de la imagen (arte fotográfico web).
Debilidades visuales
Abuso de pirotecnia (banners animados, flash con loops infinitos).
Poco uso del fondo (backgrounds).
Abuso de efectos:
Degradados
Sombras
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áfico.
Mal diseño de iconografía.
Mal manejo de la imagen (arte fotográfico web).
Debilidades visuales
Abuso de pirotecnia (banners animados, flash con loops infinitos).
Poco uso del fondo (backgrounds).
Abuso de efectos:
Degradados
Sombras
Brillos
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áfico.
Mal diseño de iconografía.
Mal manejo de la imagen (arte fotográfico web).
Debilidades visuales
Abuso de pirotecnia (banners animados, flash con loops infinitos).
Poco uso del fondo (backgrounds).
Abuso de efectos:
Degradados
Sombras
Brillos
Volúmenes
¿Qué debe proyectar mi Home?
Usable.
Diferenciadora.
Reconocible.
Confiable.
Amistosa.
Segura.
Y por supuesto... Sexy!
¿Qué debe proyectar mi Home?
Usable.
Diferenciadora.
Reconocible.
Confiable.
Amistosa.
Segura.
Y por supuesto... Sexy!
www.atpworldtour.com
1. DISEÑA FONDOS PARA CONSTRUIR NUEVOS CONCEPTOS DE TU MARCA
...O REAFIRMA LOS CONCEPTOS QUE YA TIENES.
www.apple.com
Y SI PUEDES Y QUIERES HACERLO LÚDICO MUCHO MEJOR, LE DARÁS EMOCIÓN A TU DISEÑO
www.firefox.com
2. ENCUENTRA NUEVAS FORMAS PARA VISUALIZAR TU INFORMACIÓN...
www.visa.com
...SORPRENDIENDO SIEMPRE AL USUARIO...
www.adidas.com
...SORPRENDIENDO SIEMPRE AL USUARIO...
www.adidas.com
...Y DÁNDOLE DIFERENCIACIÓN A TU MARCA.
www.unilever.com
3. LOGRA JERARQUÍAS VISUALES A TRAVÉS DE TIPOGRÁFIAS COMPLEMENTARIAS...
www.sweden.gov.se
www.cnn.com
...O EXPLOTANDO SIMPLEMENTE EL POTENCIAL DE UNA SOLA.
www.rolex.com
4. EXPLORA NUEVAS FORMAS DE NAVEGACIÓN...
www.rolex.com
4. EXPLORA NUEVAS FORMAS DE NAVEGACIÓN...
www.merrell.com
...INCLUSO APOSTANDO AL CAMBIO.
5. CUENTA HISTORIAS REALES PARA Y CON TUS USUARIOS...
www.ge.com
www.ikea.com
...HISTORIAS QUE PUEDES VENDER.
www.ikea.com
...HISTORIAS QUE PUEDES VENDER.
www.ikea.com
...HISTORIAS QUE PUEDES VENDER.
www.directv.com
6. DALE TANTA IMPORTANCIA A UNA LANDING PAGE COMO A UNA HOME.
www.directv.com
6. DALE TANTA IMPORTANCIA A UNA LANDING PAGE COMO A UNA HOME.
www.directv.com
6. DALE TANTA IMPORTANCIA A UNA LANDING PAGE COMO A UNA HOME.
www.directv.com
6. DALE TANTA IMPORTANCIA A UNA LANDING PAGE COMO A UNA HOME.
www.directv.com
6. DALE TANTA IMPORTANCIA A UNA LANDING PAGE COMO A UNA HOME.
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.lacoste.com
7. ASEGURA UNA DIRECCIÓN DE ARTE QUE INTEGRE A TU MARCA.
www.lacoste.com
7. ASEGURA UNA DIRECCIÓN DE ARTE QUE INTEGRE A TU MARCA.
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.bbc.com
9. PROCURA LIMPIEZA VISUAL PARA GENERAR CREDIBILIDAD EN EL USUARIO...
...CON DIAGRAMACIONES BALANCEADAS Y ELEGANTES.
www.db.com
...CON DIAGRAMACIONES BALANCEADAS Y ELEGANTES.
www.db.com
www.converse.com
10. HABLA EN EL IDIOMA DE TU USUARIO...
www.converse.com
10. HABLA EN EL IDIOMA DE TU USUARIO...
www.goldmansachs.com
...PARA QUE CONFÍE EN TÍ.
www.goldmansachs.com
...PARA QUE CONFÍE EN TÍ.