Rediseño Branding
          objetivos, estrategias y soluciones




jueves 20 de mayo de 2010
Diseño




jueves 20 de mayo de 2010
La Marca
           El website representa “la marca”




jueves 20 de mayo de 2010
Impresión
           Los visitantes crean la primera impresión de tu producto o servicio
           apenas en los primeros...
Visual
           Lo Visual, la Maquetación, las Formas y la Estética juegan el gran
           papel para formar la prime...
Emoción de Marca
          La estética evoca emociones




jueves 20 de mayo de 2010
Reputación
           La estética y la emoción subyacente constituirán tu reputación




jueves 20 de mayo de 2010
Diferenciación
          Usar la emoción como una ventaja y fascinar con un estilo único que
          diferencie esta web...
creando algo único...

                            ... inspiración fresca

                            identidad memorable...
jueves 20 de mayo de 2010
jueves 20 de mayo de 2010
jueves 20 de mayo de 2010
Social Media




jueves 20 de mayo de 2010
¿cuidas ya
                                       tu reputación
                                       online             ...
Comunicación social
               Las redes sociales son herramientas potentes de
               comunicación coporativa
...
“el 54% de las empresas consultadas tiene presencia
         activa en alguna red social, mientras que el 37,9%
         s...
la realidad es que..


         Tanto grandes como pequeñas han de adaptarse y salir
         fortalecidas de la nueva sit...
Las redes sociales
                            tienen un efecto
                            multiplicador que
            ...
Usar los canales 2.0, redes sociales, blogs..
                 Crear Contenido que hable de nuestra marca
                ...
Estrategias Web, Blog




jueves 20 de mayo de 2010
La Web, el Site,
           el Portal, la Plataforma, el Blog..

               Es comunicación
               Es el inter...
análisis de un diseño funcional tipo
jueves 20 de mayo de 2010
análisis de un diseño funcional tipo




                            arquitectura de la información elaborada
jueves 20 de...
análisis de un diseño funcional tipo




                      diseño sencillo, elegante y de gran impacto
jueves 20 de ma...
análisis de un diseño funcional tipo




                              áreas destacadas en portada
jueves 20 de mayo de 20...
análisis de un diseño funcional tipo




                   área dinámica rotativa de imagenes+mensaje
jueves 20 de mayo d...
diseño condicionado basado en eye-tracking




                    (1) la vista del observado se dirige de forma natural a...
diseño condicionado basado en eye-tracking




                    Se refuerza la mirada al texto a través de la cara del ...
Soluciones




jueves 20 de mayo de 2010
Arquitectura
         de la información

               El diseño se basa en criterio sólidos de arquitectura de la
      ...
Sistema Gestión de
         Contenidos - ideas!
               Se instalará un sistema de gestión de contenidos de cada
  ...
Creación canales
         Social Media
               Definir tipos de contenidos de los que disponemos,
               víd...
Creación mini-guias
         básicas manejo de canales

               Tagear un video para que sea más visible
          ...
Marketing online

               Generación de contenidos y actualización de los mismos.
               Mantenimiento de b...
Redes Sociales

               Permiten construir una identidad de empresa, debido a
               que permiten a los usu...
Resumen Propuesta
                                          Alertas de Vigilancia
               Weblog (Web2.0)-
        ...
propuesta
                              Re-Diseño
                            (omitida por el
                            ...
Re-Diseño

               Potenciar y actualizar Branding ITG
               Mejorar la Arquitectura de la Información
   ...
Pautas Diseño
               Tamaños de tipografía relativos, que se adapten al usuario,
               en la web actual e...
Impacto Visual
         Actual

               No destaca nada => Todo es Importante
               El usuario se encuentr...
Re-Diseño

               Potenciar y actualizar Branding ITG
               Mejorar la Arquitectura de la Información
   ...
Acciones - Diseño
               Diseño Basado en EyeTracking, guiamos el ojo del usuario
               Necesitamos impac...
Valor Añadido
               Publicación de contenido de forma coherente en diseño,
               agíl y rápida desde Web...
Multi-Web y Redes
               Creación de MicroSites - Redes Sociales enlazadas
               Sitio de Documentos, PDF...
Gracias




jueves 20 de mayo de 2010
jueves 20 de mayo de 2010
Próxima SlideShare
Cargando en…5
×

Rediseño Social Branding

1.161 visualizaciones

Publicado el

Este documento sirvió de base para elaborar una propuesta de estrategia de presencia en internet a una empresa que necesitaba cambiar de forma radical su web y entender mejor la importancia de las redes sociales.

0 comentarios
3 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

Sin descargas
Visualizaciones
Visualizaciones totales
1.161
En SlideShare
0
De insertados
0
Número de insertados
148
Acciones
Compartido
0
Descargas
0
Comentarios
0
Recomendaciones
3
Insertados 0
No insertados

No hay notas en la diapositiva.

Rediseño Social Branding

  1. 1. Rediseño Branding objetivos, estrategias y soluciones jueves 20 de mayo de 2010
  2. 2. Diseño jueves 20 de mayo de 2010
  3. 3. La Marca El website representa “la marca” jueves 20 de mayo de 2010
  4. 4. Impresión Los visitantes crean la primera impresión de tu producto o servicio apenas en los primeros segundos jueves 20 de mayo de 2010
  5. 5. Visual Lo Visual, la Maquetación, las Formas y la Estética juegan el gran papel para formar la primera impresión jueves 20 de mayo de 2010
  6. 6. Emoción de Marca La estética evoca emociones jueves 20 de mayo de 2010
  7. 7. Reputación La estética y la emoción subyacente constituirán tu reputación jueves 20 de mayo de 2010
  8. 8. Diferenciación Usar la emoción como una ventaja y fascinar con un estilo único que diferencie esta web del resto — un estilo que impresione y deslumbre a los usuarios jueves 20 de mayo de 2010
  9. 9. creando algo único... ... inspiración fresca identidad memorable... jueves 20 de mayo de 2010
  10. 10. jueves 20 de mayo de 2010
  11. 11. jueves 20 de mayo de 2010
  12. 12. jueves 20 de mayo de 2010
  13. 13. Social Media jueves 20 de mayo de 2010
  14. 14. ¿cuidas ya tu reputación online ? las personas comunican, interactúan, se relacionan, opinan, critican y premian en las redes sociales jueves 20 de mayo de 2010
  15. 15. Comunicación social Las redes sociales son herramientas potentes de comunicación coporativa y nos comunican oportunidades, ventajas e información de interes través de y también de Hablan en el canal y el lenguaje del “publico” Establecen lazos a largo plazo jueves 20 de mayo de 2010
  16. 16. “el 54% de las empresas consultadas tiene presencia activa en alguna red social, mientras que el 37,9% señala que está estudiando la incursión y el 8,1% restante, no pertenece ni tiene planes de hacerlo a corto plazo” 12/02/2010 8% 38% 54% presencia activa estudiando incursión no hay planes jueves 20 de mayo de 2010
  17. 17. la realidad es que.. Tanto grandes como pequeñas han de adaptarse y salir fortalecidas de la nueva situación. Pertenecer a los social media es una opción viable y recomendable, para acercarse a los públicos y tener presencia de marca. jueves 20 de mayo de 2010
  18. 18. Las redes sociales tienen un efecto multiplicador que incide en cuanto te conocen y cuanto te valoran jueves 20 de mayo de 2010
  19. 19. Usar los canales 2.0, redes sociales, blogs.. Crear Contenido que hable de nuestra marca Monitorizar el boca a boca y gestionar la reputación online generar contenido que contrareste el generado por terceros o compencia el usuario ahora decide que contenidos consume fomentar el boca-a-boca digital incentivar la generación espontánea de contenidos que se refieran a nuestra empresa agitar la red!!! jueves 20 de mayo de 2010
  20. 20. Estrategias Web, Blog jueves 20 de mayo de 2010
  21. 21. La Web, el Site, el Portal, la Plataforma, el Blog.. Es comunicación Es el interfaz para el contenido Da forma a la funcionalidad Entrega información Actúa como interfaz entre el usuario y la información jueves 20 de mayo de 2010
  22. 22. análisis de un diseño funcional tipo jueves 20 de mayo de 2010
  23. 23. análisis de un diseño funcional tipo arquitectura de la información elaborada jueves 20 de mayo de 2010
  24. 24. análisis de un diseño funcional tipo diseño sencillo, elegante y de gran impacto jueves 20 de mayo de 2010
  25. 25. análisis de un diseño funcional tipo áreas destacadas en portada jueves 20 de mayo de 2010
  26. 26. análisis de un diseño funcional tipo área dinámica rotativa de imagenes+mensaje jueves 20 de mayo de 2010
  27. 27. diseño condicionado basado en eye-tracking (1) la vista del observado se dirige de forma natural al centro de la imagen (2) la cara del niño es el segundo punto de atención, se observan varios puntos de parada (3) por último el punto de atención destacado es el tipo de letra grande el título jueves 20 de mayo de 2010
  28. 28. diseño condicionado basado en eye-tracking Se refuerza la mirada al texto a través de la cara del bebé También hay una creciente atención a la marca Normalmente miramos en la dirección que otra persona está mirando (el bebé mira en dirección al texto) Caras y otros elementos se pueden usar para dirigir la atención jueves 20 de mayo de 2010
  29. 29. Soluciones jueves 20 de mayo de 2010
  30. 30. Arquitectura de la información El diseño se basa en criterio sólidos de arquitectura de la información El diseño y colocación (layout) de elementos sigue criterios enfocados a aumentar la función y máximo aprovechamiento de los elementos Una vez diseñada es necesario que el cliente no realice cambios fuertes en el layout que anularían la coherencia y cohesión de los elementos jueves 20 de mayo de 2010
  31. 31. Sistema Gestión de Contenidos - ideas! Se instalará un sistema de gestión de contenidos de cada uno de los bloques, editor online de fácil acceso incluso desde terminales móviles Noticias y nuevos elementos serán automáticamente notificados en twitter (redes sociales) Posibilidad de relanzar noticias de twitter en otros canales amigos jueves 20 de mayo de 2010
  32. 32. Creación canales Social Media Definir tipos de contenidos de los que disponemos, vídeos, documentos, powerpoints, textos, diálogos, lemas, sloganes, entrevistas.... Creación de canales para cada tipo de contenido Buenas prácticas y contenido documental -SlideShare Divulgación - ScriBD, Noticias - Twitter, Grupos - Actividades - Facebok - Recursos Humanos y Redes Profesionales - LinkedIN, Vídeos Vimeo / Twitter jueves 20 de mayo de 2010
  33. 33. Creación mini-guias básicas manejo de canales Tagear un video para que sea más visible Que tipo de contenido es adecuado “twittear” Lo ponemos en Facebook o en Twiiter Sólo actualizaremos noticias, podemos generar contenido automático para las redes? Claro! jueves 20 de mayo de 2010
  34. 34. Marketing online Generación de contenidos y actualización de los mismos. Mantenimiento de blog empresa. Monitorización de resultados: seguimiento estadístico, generación de informes y retroalimentación. Programa de posicionamiento en redes sociales (agitación social). jueves 20 de mayo de 2010
  35. 35. Redes Sociales Permiten construir una identidad de empresa, debido a que permiten a los usuarios conocer todo tipo de información. Facilitan la obtención de la información requerida en cada momento, debido a la actualización instantánea. Cada vez son más los usuarios que utilizan las redes sociales. jueves 20 de mayo de 2010
  36. 36. Resumen Propuesta Alertas de Vigilancia Weblog (Web2.0)- Tecnológica y gestión Conectado con redes online sociales - Contenidos dinámicos Gestor de contenidos de fácil uso Creación de Canales de redes sociales Inyección automática de información en redes Gestor de contenidos de sociales fácil uso información en redes sociales Estadísticas y Cuadros de mándo de resultados jueves 20 de mayo de 2010
  37. 37. propuesta Re-Diseño (omitida por el cliente...) jueves 20 de mayo de 2010
  38. 38. Re-Diseño Potenciar y actualizar Branding ITG Mejorar la Arquitectura de la Información Potenciar que el sitio ITG.es Comunique de forma clara Facilitar el acceso al contenido - NO SATURAR Imagen limpia, clara, agradable Mantener imagen corporativa (sobria) - evolucionar jueves 20 de mayo de 2010
  39. 39. Pautas Diseño Tamaños de tipografía relativos, que se adapten al usuario, en la web actual el tipo de letra es muy pequeño para los monitores actuales Unificar tamaños de letra, tipos de letra Unificar criterios de estilos - esto lo debe proporcionar la herramienta. Las personas que “gestionan contenido” no tienen que preocuparse de esto Manual de adaptación de imagenes - algunas están desproporcionadas y degradadas - cuidar el aspecto global de la web jueves 20 de mayo de 2010
  40. 40. Impacto Visual Actual No destaca nada => Todo es Importante El usuario se encuentra con decenas de “impactos visuales” igual de importantes Debemos guiar al usuario de forma visual La primera impresión cuenta - Es agradable? Me transmite caos? o estoy dispuesto a buscar algo porque no me abruma la información.. jueves 20 de mayo de 2010
  41. 41. Re-Diseño Potenciar y actualizar Branding ITG Mejorar la Arquitectura de la Información Potenciar que el sitio ITG.es Comunique de forma clara Facilitar el acceso al contenido - NO SATURAR Imagen limpia, clara, agradable Mantener imagen corporativa (sobria) - evolucionar jueves 20 de mayo de 2010
  42. 42. Acciones - Diseño Diseño Basado en EyeTracking, guiamos el ojo del usuario Necesitamos impactos visuales de fotografías, personas, impactos visuales - el ojo se va de forma natural a las personas Buscador siempre presente Simplificar al máximo los apartados - No saturar Acceso claro a contenidos de segundo nivel - Si busco reducir costes mejor llamarle “costes” que “LEAN Manufacturing” o “Programa ABC” Hablar en el lenguaje del cliente - de la solución jueves 20 de mayo de 2010
  43. 43. Valor Añadido Publicación de contenido de forma coherente en diseño, agíl y rápida desde Web y/o dispositivos móviles Publica 1 vez en la web y distribuye atomáticamente a otras redes sociales e incluso a otras webs (ComunidadITG) Reducción de esfuerzos / costes en mantenimiento y publicación Aumento de la “información” que trabaja para nosotros en la red Disponibilidad de contenidos en redes sociales jueves 20 de mayo de 2010
  44. 44. Multi-Web y Redes Creación de MicroSites - Redes Sociales enlazadas Sitio de Documentos, PDFs, PPT, DOCS - Plantillas de uso para empresas - Aportar más valor en el mundo digital Espacio de Videos - En sitio Social y Enlazado con Web. Ej. Si una persona me explica en un video de 2 minutos TRIZ, puede que entienda mejor de que trata.. Potenciar Redes y participación en ellas Uso de redes sociales con valor / otros usos - Ej. Twitter para confirmar agenda / reuniones o informar del estado de un proyecto (no tiene por que ser publico) jueves 20 de mayo de 2010
  45. 45. Gracias jueves 20 de mayo de 2010
  46. 46. jueves 20 de mayo de 2010

×