Web branding, presentado por Silvia Marin en el Seminario TransCyberiano 2010, presentación incluye guía visual de aplicación de la misma en proyecto estatal en Costa Rica

2. Web Branding

3. Del primate al homocyber de las marcas:
✓ Identidades de primera generación o de trámite.
✓ Identidades de segunda generación o descriptivas.
✓ Identidades de tercera generación o estratégicas.
✓ Identidades de cuarta generación o interactivas.

4. Identidades de primera generación
o de trámite1Antiguamente los bancos, numerosas empresas que nacieron locales,
pequeñas o familiares. Suelen usar iniciales, el nombre
del fundador, referencias geográficas o históricas.
HERALDICA
1960 19951980 2010

5. Identidades de primera generación
o de trámite
Ingeniería Industrial Print, Data, Mail Gillen Brewer School
Son sumamente genéricas.
Gran dificultad de diferenciación, imposibilitan lograr un concepto de posicionamiento.
Confusión con otras identidades, dificultad de recordación.
HERALDICA
1960 19951980 2010
Debilidades:

6. Identidades de segunda generación
o descriptivas2Describen directamente la actividad comercial
a la que se dedican.
HERALDICA
1960 19951980 2010

7. Identidades de segunda generación
o descriptivas
Son obvias y poco estimulantes.
Es probable que otra marca de la misma rama tenga una identidad visual muy similar.
Suelen describir sólo parte del negocio, y no necesariamente la mejor parte.
Caducan fácilmente, conforme exista un avance tecnológico.
Limitan la diversificación comercial.
HERALDICA
1960 19951980 2010
Debilidades:

8. Identidades de tercera generación
o estrategicas3
HERALDICA
1960 19951980 2010
Expresan una cualidad o diferenciación
Son simbólicas
Transmiten cómo la empresa o producto hace las cosas, no qué hace

9. Intemporales
Son diferenciadoras y fáciles de posicionar
Amplio espectro comercial
Identidades de tercera generación
o estratégicas
HERALDICA
1960 19951980 2010
Fortalezas:

10. Identidades de cuarta generación o
Interactivas
4Marcas 4.0. Nacen para ser vistas en pantallas.
Su soporte natural de comunicación es internet o televisión,
porque su core business gira entorno a esos medios.
Mayor dinamismo visual (volúmenes, gradientes, cambios continuos y movimiento),
que no es conveniente en las marcas de tercera generación
HERALDICA
1960 19951980 2010

11. Identidades de cuarta generación o
Interactivas
HERALDICA
1960 19951980 2010
Fortalezas:
Más susceptibles a la singularidad: En cada impacto, aparecen solas la mayor parte
del tiempo (en una página o un canal), por lo que gozan de menor competencia visual
entre marcas de la misma u otra categoría; en comparación con las otras generaciones.
Tienen más licencias gráficas.
Se renuevan más rápida y fácilmente.

12. Algunos Mitos y Verdades del
Web branding

13. “Hay que renovar la marca,
entonces pongámosle brillos,
gradientes y volúmenes para que
se vea moderna”
falso verdadero
Esas son características propias de las marcas interactivas. Si la marca
en cuestión corresponde a otra generación, se va a dificultar su
reproducción en los soportes naturales del giro comercial como
impresos, bordados, serigrafías, flexografías, etc.

14. “Internet puede ser un negocio o
un medio, pero no los dos”
Poner la marca en un website no la hace una web brand. Si se quiere
construir una marca de cuarta generación, internet debe ser tratado
como EL negocio, no como un medio más.
Al Ries, Laws of branding
verdaderoFALSO

15. “Simplemente lo que ocupo es
pasar la información del
brochure a mi sitio web”
verdaderoFALSO
El secreto de un web branding exitoso es la habilidad para presentar el
mensaje de una forma que la audiencia pueda interactuar con la marca:
brindar una opinión, entretenerse o customizar su compra. Así como
ofrecer siempre algo nuevo que ver. Esto es válido aún para páginas
informativas, para las marcas cuyo giro de negocio no está en internet.
Al Ries, Laws of branding

16. “Usemos el mismo nombre de la
empresa/marca como dominio”
verdadero
Es lo ideal, pero no necesariamente aplica en todos los casos:
FALSO
Who Represents WhorePresents.com
Expert Exchange ExpertSexChange.com
Therapist Finder TheRapistFinder.com
Tal vez, debamos primero revisar si el nombre que tenemos
es el idóneo para el negocio, dentro o fuera de la web.

17. “Aunque mi negocio sea local,
voy a recibir visitantes globales”
Cada vez más, a través de la tecnología web se derriban barreras
culturales o fronterizas. Los mensajes de marca en la web, deben estar
preparados para recibir visitantes de otros países; mínimo indicar el país
de procedencia y usar un lenguaje universal.
Al Ries, Laws of branding
verdaderoFALSO

18. “Mi negocio no tiene nada que ver
con internet, eso no me incumbe.”
Internet afectará su negocio independientemente de que usted quiera
dar el salto o no. De una u otra forma, su consumidor lo hará tarde o
temprano, está pasando a ser un Consumidor 3.0.
Al Ries, Laws of branding
verdaderoFALSO

19. ¿Cómo adaptar su
identidad visual al web?

20. pero no lo es tanto
OBVIO
Parece

21. Marca reconocida por sus arcos dorados y su color rojo. Esta propuesta no se siente tan
“Mc Donald’s” debido a su selección de color: el negro no es usual dentro del esquema
habitual de color de marca. Además, no hay “apetit appeal”, que es tan vital en el universo
de marca.
Fuente: http://www.smashingmagazine.com/2009/01/28/colors-in-corporate-branding-and-design/

22. ¿Ahora sí les dió hambre?
El esquema de color es más acorde con su identidad y las imágenes más
acordes con su universo cultural.

23. Fuente: http://www.smashingmagazine.com/2009/01/28/colors-in-corporate-branding-and-design/
Consistente uso del azul de la marca. Sin embargo, la marca está poco visible y
podría estar más presente en lugar de tener solo las palabras “Ford Motor
Company” en el encabezado. Quizá el problema es más de arquiectura marcaria:
¿dónde estoy entrando, a la página corporativa o de la marca?

24. Defina la estructura de su contenido y
navegacion.1
Recomendaciones

25. 1
Servicios
2
Investigaciones
3
Sobre IAFA
4
Noticias
5
Contáctenos
Página No
Encontrada
(Error 404)
Inicio
6
Política de
Privacidad
7
Aviso
Legal
8
Accesibilidad
Página
Principal
Navegación Suplementaria
Navegación Principal
Estructura de contenido

26. Página
Principal
1
Servicios
Detalle de
programa
Prevención Tratamiento
Talleres,
Grupos
y Charlas
Concursos
Programa de
atención de
Pacientes
Listo de Talleres,
Grupos
y Charlas
Agenda
Descripción
Programas
Estructura de contenido

27. Página
Principal
2
Investigaciones
Investigación
Completa
(Archivo
Descargable)
Información
General sobre
Drogas
Lista de
Investigaciones
Enlaces de
interes
Alcohol Mariguana ...
Descripción
Breve
Estructura de contenido

28. 2 Identifique los elementos basicos de su
identidad visual y adaptelos
Recomendaciones
Defina la estructura de su contenido y
navegacion.1

29. Marca

30. Colores

31. Tipografias
Fuente: http://www.ampsoft.net/webdesign-l/index.html

32. Texturas - linea grafica

33. Imágenes

34. El libro de marca

35. 2 Identifique los elementos basicos de su
identidad visual y adaptelos
Defina la estructura de su contenido y
navegacion.1
3 Defina el esqueleto de diagramación
Recomendaciones

36. área de trabajo

37. elementos principales

38. Jerarquía de importancia

39. Logo
IAFA Servicios Investigación Sobre el IAFA Noticias Contacto
IAFA, máxima autoridad pública en la superación de adicciones
Programa ‘Aprendo a valerme por mi mismo’
Noticias Comunidades
¿Qué hace especial al IAFA?
Prevención Tratamiento Talleres Regulación Investigaciones
© Derechos Reservados, 2010
Accesibilidad Aviso Legal Política de Privacidad
Logo
IAFA
Datos de contacto
Línea Gratuita:
800-4232-800
Dirección
Horario
Central telefonica
Definición de los espacios

40. ‘Grid’ para el
alineamiento y
distribución
Retícula

41. Menú Pirncipal
Image
Header
Descripción y mensaje de campaña principal
Noticias, Contacto y Comunidad
Módulo sobre qué es el IAFA
Distribución - Diagramación

42. 4
2 Identifique los elementos basicos de su
identidad visual y adaptelos
Defina la estructura de su contenido y
navegacion.1
3 Defina el esqueleto de diagramación
Recomendaciones
Coloque los contenidos y pinte con los
elementos de la identidad visual

43. Módulo sobre qué es el IAFA
Image
Header
Descripción y mensaje de campaña principal
Noticias, Contacto y Comunidad

44. Módulo sobre qué es el IAFA

47. Menú de Sección
SubMenú
Header de sección
Body de sección
Columna
complementaria
Menú Pirncipal

48. SubMenú
Header de sección
Body de sección
Columna
complementaria

49. Body de sección
Columna
complementaria

52. Antes Después
Página de Inicio

53. Antes Después
Página de Sección

54. Y para cerrar...
Test:
¿Está lista su marca
para la web?

55. 1. El core business de su negocio:
- No está bien definido o está desenfocado.
- Es claro, corto, conciso y directo.
- ¿Qué es un core business?
2
3
1
2. Internet es para su negocio:
- Un medio de comunicación.
- Uno de muchos canales de venta.
- El negocio en sí.
1
2
3
3. ¿En qué generación está su marca?
- Primera o segunda, pero debería estar en tercera o cuarta.
- Primera, pero es una marca, mundial, posicionada y/o de tradición.
- Tercera o cuarta.
1
2
3

56. 4. Dónde será vista más mi marca:
- En medios digitales.
- En medios impresos.
- En merchandise, entorno y punto de venta.
3
2
1
5. Mi negocio necesita un site que:
- Fortalezca la relación de la marca con el
consumidor y el brand equity.
- Sólo informe mis productos o servicios.
- Sea un motor transaccional y recaudador.
2
1
3
6. El nombre de mi marca:
- La verdad, no es apropiado para mi negocio.
- Es apropiado para usarse tanto online como offline.
- Es apropiado offline, pero no sirve para un dominio.
1
3
2

57. 7. La identidad gráfica de mi marca:
- Está bien regulada en un Libro de Marca.
- Está más o menos establecida pero no existe un Libro
de Marca.
- No, no... eso dejémoselo a la creatividad del diseñador
3
2
1
8. Los tópicos en el contenido de mi site:
- Están organizados y jerarquizados según los intereses
de la compañía.
- No tienen ningún orden de importancia.
- Están organizados y jerarquizados según los intereses
del usuario.
2
1
3
9. El diseño gráfico de mi sitio:
- Usa una plantilla gratuita.
- Se apega fielmente a la identidad visual de marca.
- Es algo diferente a todo el resto de comunicación de la marca.
1
3
2

58. 23 - 27
Su marca ya está lista para subirse al tren
de la web o ya lleva tiempo en el viaje.
14 - 22
Quizá su marca deba realizar algunos
ajustes estratégicos y considerar la web
como un apoyo más de su negocio, entre
otras herramientas.
13 o menos
Definitivamente necesita revisar su
estrategia de negocio y de marca antes
de comprarse un tiquete para la web.
Puntuación

59. “El desarrollo web no puede
solucionar un problema de la
estrategia de negocio o del
branding,
en su lugar puede acrecentarlo”.

60. Muchas gracias