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.

1. Rediseño Branding
objetivos, estrategias y soluciones
jueves 20 de mayo de 2010

2. Diseño
jueves 20 de mayo de 2010

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

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. 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. Emoción de Marca
La estética evoca emociones
jueves 20 de mayo de 2010

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

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. creando algo único...
... inspiración fresca
identidad memorable...
jueves 20 de mayo de 2010

10. jueves 20 de mayo de 2010

11. jueves 20 de mayo de 2010

12. jueves 20 de mayo de 2010

13. Social Media
jueves 20 de mayo de 2010

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. 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. “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. 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. Las redes sociales
tienen un efecto
multiplicador que
incide en cuanto te
conocen y cuanto te
valoran
jueves 20 de mayo de 2010

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. Estrategias Web, Blog
jueves 20 de mayo de 2010

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. análisis de un diseño funcional tipo
jueves 20 de mayo de 2010

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

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

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

26. análisis de un diseño funcional tipo
área dinámica rotativa de imagenes+mensaje
jueves 20 de mayo de 2010

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. 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. Soluciones
jueves 20 de mayo de 2010

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. 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. 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. 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. 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. 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. 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. propuesta
Re-Diseño
(omitida por el
cliente...)
jueves 20 de mayo de 2010

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. 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. 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. 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. 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. 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. 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. Gracias
jueves 20 de mayo de 2010

46. jueves 20 de mayo de 2010