Temas que se van a tratar en la conferencia:
Arquitectura de la Informacion: Objetivos, Acciones, Usuarios y Contenidos.
Benchmarking: Cómo diferenciarse de su competencia.
Comunicación: Cómo Comunicar efectivamente la oferta de valor de sus productos.
Visibilidad: Conceptos de optimizacion basicos para que su página sea visible por los buscadores de internet
Casos prácticos
2. Quiénes Somos
• Somos una compañía de Mercadeo
Online expertos en el diseño y
desarrollo de estrategias de mercadeo,
publicidad y comunicación por Internet.
• 8 años de experiencia y más de 500
campañas de mercadeo en Internet
ejecutadas, Miembros IAB.
• 250+ Clientes entre Pymes, Grandes
Empresas y Grandes Marcas.
• Certificación ADWORDS QUALIFIED
COMPANY de Google Inc.
5. Andrés Mauricio Escobar
Director General Existaya.com
Ingeniero de Sistemas
Google Adwords Qualified Professional
Más de 6 años de experiencia en
Mercadeo en Internet.
Docente Universidad Icesi (Mercadeo en
Internet y Diseño Web Profesional)
6. www.existaya.com
Hazte Fan de
Existaya.com en
Facebook para
Gracias!
recibir
invitaciones a
próximas
Conferencias
Online Gratuitas
http://www.facebook.com/existaya
7. www.existaya.com
Preguntas que vamos a resolver en esta
Conferencia Online:
¿Qué tipos de páginas Web existen y
para qué sirven?
¿Qué es la arquitectura de la
información y cómo se aplica?
¿Cómo oriento efectivamente mi Página
Web hacia la venta?
¿Cómo se mide la efectividad de un
sitio Web?
8. www.existaya.com
Agenda
1. Conceptos Básicos sobre Páginas Web
Tipos de páginas web y aplicaciones
2. Arquitectura de la Información
Componentes y aplicación
3. Estrategia de Comunicación
Mensaje y comunicación gráfica
4. Llamado de Acción
5. Medición y Corrección
Indicadores y su interpretación
6. Casos Prácticos
10. ¿Qué es la Web?
Es simplemente una de las formas en
la que la información puede ser
compartida a través de internet.
Su principal característica es que
permite vincular documentos entre si
a través de hipervínculos: Links
22. El Problema: “Nuestro sitio Web no
vende, pero por qué?”
“Si el sitio es lindo…”
“Costo una fortuna…”
“Esta hecho en una cosa que le llaman flash que
es lo último…”
“Tiene musiquita de fondo…”
“El diseñador es un artista…”
“El diseño final fue escogido por la junta
directiva ejerciendo la democracia…”
23. Se genera un
diseño gráfico,
música, flash El problema esta en
proceso tradicional
Se copian y
pegan los
contenidos del
brochure
Se Publica la
página en
Internet
24. ¿Su página Web siguió
un proceso serio de
arquitectura de
información?
25. Su página Web siguió un proceso serio
de arquitectura de información?
¿NO?
“Mal de muchos, consuelo de tontos”
“Necesitamos esa página Web para antier”...
27. ¿Qué es la arquitectura de la
información?
La Arquitectura de la información de un
sitio Web es la forma en que esta
organizado. Cuando los usuarios están…
› Buscando una respuesta
› Buscando un producto específico
› Contactando o comunicando
› Siendo entretenidos
› Completando una tarea o acción en el sitio.
(Cotizar, Descargar un catalogo)
Intro to IA - 27
28. Tip 01:
Antes de pensar en el diseño
gráfico asegúrese de realizar un
proceso de arquitectura de
Información para su nuevo sitio
Web.
Intro to IA - 28
29. ¿Qué debe tener en cuenta?
Objetivos de negocio,
Marca, Estrategia de
Contexto Mercadeo, Tecnología,
políticas y recursos
Tipos de documentos,
Objetos de contenido,
Estructura
AI
Contenido Usuarios
Audiencias, tareas,
necesidades, tendecias de
búsqueda, experiencia,
experticia
Fuente: Rosenfeld and Morville – Information Architecture for the World Wide Web Intro to IA - 29
30. Contexto
Defina un propósito y objetivos medibles para su
sitio Web
Adquisición de clientes potenciales.
Soporte y apoyo al proceso comercial.
Incrementar las ventas.
Realice un benchmarking de sus competidores
Identifique aspectos positivos y negativos de los
sitios Web de sus competidores o del sector.
¿Cómo estructuraron los contenidos y la
comunicación?
Identifique sus puntos de diferenciación
32. Usuarios
Identificar las características e intereses de sus
usuarios
Clasificación demográfica
Nivel de estudios, experticia en la Web
Prioridades por Perfiles e intereses (Quienes son
los usuarios o que representan?)
Empresarios
Emprendedores
Inversionistas.
Público en general
33. Usuarios Usuarios Mayores de
40 años con problemas
de visión
Tamaño de letra mayor
de 14 puntos en todo el
Sitio Web
34. Contenido
Realice un Inventario listando los contenidos
necesarios para la creación del sitio Web,
incluyendo:
Tipo del contenido (Imagen, Video, Documento de
texto).
Fuente (Donde se encuentra el contenido).
Usuarios (Hacia que usuarios esta dirigido).
Categoría (A que tema pertenece)
35. Tip 02:
Estructure las secciones de su sitio
Web y defina las acciones que los
usuarios realizarán en cada una de
estas secciones.
Intro to IA - 35
36. La estructura de los
contenidos de los sitios
Web puede
identificarse en el
menú o mapa del sitio
Intro to IA - 36
37. Estructura del sitio Web
Inicio
Quienes Información
Productos Servicios Contacto
Somos Tecnica
informar Vender Vender Soporte Comunicar
Acciones que realizan los usuarios en cada sección
38. Tip 03:
Utilice una estructura de Página
de aterrizaje en las secciones de
productos o servicios específicos
Intro to IA - 38
40. ¿Qué es una página de aterrizaje?
R./ Una pagina de aterrizaje es una página Web de una
sola sección con una orientación total hacia la venta o el
cumplimiento de los objetivos propuestos.
Esta compuesta de:
Comunicación grafica relacionada al Beneficios Específicos del producto
producto
Formulario de contacto
Un llamado a la acción claro
Datos de Contacto
Información para establecer un
vinculo de confianza y credibilidad:
Testimonios, Estadísticas y Videos
Intro to IA - 40
41. Estructura de una página de aterrizaje
(Landing Page)
Comunicación grafica relacionada al
producto
Un llamado a la acción claro
Información para establecer un
vinculo de confianza y credibilidad:
Testimonios, Estadísticas y Videos
Beneficios Específicos del producto
Formulario de contacto
Datos de Contacto
Intro to IA - 41
43. Preguntas que debe resolver una
página de aterrizaje:
1. ¿Cuales son los beneficios de sus
productos?
2. ¿En que se diferencia de su
competencia?
3. ¿Su empresa es segura y de
confianza?
4. ¿Si quiero comprar que tengo que
hacer?
5. ¿Donde los puedo contactar? Intro to IA - 43
44. Tip 04:
Haga llamado a la acción claro y
concreto.
Comprar Ahora Contáctenos
Descargar Registrarse
Cotizar Intro to IA - 44
51. Tip 05:
Comunique efectivamente su
oferta de valor y factores de
diferenciación para cada una de las
secciones con productos o servicios
específicos.
Intro to IA - 51
61. Tip 07:
Implemente un sistema de
Estadísticas Web y Analice
semanalmente las estadísticas de
su sitio Web para identificar
preferencias de los usuarios o
errores de diseño.
Intro to IA - 61
69. www.existaya.com
Resumen: 7 Tips de páginas Web Vendedoras
TIP #1: Antes de pensar en el diseño grafico asegúrese de
realizar un proceso de arquitectura de Información para su
nuevo sitio Web.
TIP #2: Estructure las secciones de su sitio Web y defina las
acciones que los usuarios realizarán en cada una de ellas.
TIP #3: Utilice una estructura de Página de aterrizaje en las
secciones de productos o servicios específicos
TIP #4: Haga llamado a la acción claro y concreto.
70. www.existaya.com
Resumen: 7 Tips de páginas Web Vendedoras
TIP #5: Comunique efectivamente su oferta de valor y
factores de diferenciación para cada una de las secciones con
productos o servicios específicos
TIP #6: Genere una estrategia de tráfico altamente
segmentada que lleve visitantes con interés en sus productos o
servicios.
TIP #7: Implemente un sistema de Estadísticas Web y
Analice semanalmente las estadísticas de su sitio Web para
identificar preferencias de los usuarios o errores de diseño.
71. www.existaya.com
Hazte Fan de
Existaya.com en
Facebook para
Gracias!
recibir
invitaciones a
próximas
Conferencias
Online Gratuitas
http://www.facebook.com/existaya
73. Contáctenos
Si tiene alguna inquietud con respecto a esta
presentación no duden en contactarnos.
Con gusto atenderé sus dudas
Andres M. Escobar
andres@existaya.com
Cali - Colombia
Más información sobre nuestra soluciones de diseño y desarrollo
Web: http://www.existaya.com/diseno-y-desarrollo-web.php