Mi sitio web - Enpresa Digitala

917 views
818 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
917
On SlideShare
0
From Embeds
0
Number of Embeds
38
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Mi sitio web - Enpresa Digitala

  1. 1. Especialización en Marketing Digital Mi sitio web 2011ko otsailaAzitain Poligonoa 3 - KE-20600 EIBAR Internet SolutionsTel: ++34 943 821 780 www.codesyntax.com 1
  2. 2. Mi sitio web 2011-02-01Mi sitio web1. Cómo entendemos Internet2. Un buen sitio web3. El proyecto de mi sitio web4. Contenido de calidad5. Ejercicio
  3. 3. Mi sitio web 2011-02-01Presentación
  4. 4. Mi sitio web 2011-02-01Ejercicio- Selecciona un sitio web- ¿Qué objetivos tiene?- ¿Qué te parecen los contenidos?- ¿Qué te parece la navegación?- ¿Qué te parece el diseño?
  5. 5. Mi sitio web 2011-02-01Cluetrain Manifesto http://www.codesyntax.com/taller-cs/el-manifiesto-cluetrain
  6. 6. Mi sitio web 2011-02-01Los mercados son conversaciones http://www.flickr.com/photos/viernest/3996037486/
  7. 7. Mi sitio web 2011-02-01El cliente quiere hablar con la marca
  8. 8. Mi sitio web 2011-02-01¿Qué es elmarketing?
  9. 9. Mi sitio web 2011-02-01Saber qué quiere el cliente y dárselo
  10. 10. Mi sitio web 2011-02-01http://www.youtube.com/watch?v=zweof0kBKUY
  11. 11. Mi sitio web 2011-02-01Para conocer al cliente... ¡Hay que conversar!
  12. 12. Mi sitio web 2011-02-01Antes de hacer nada en Internet...Pensemos en el cliente
  13. 13. Mi sitio web 2011-02-01 ¿Qué podemos hacer?:- Sitio web / Ecommerce- Intranet / Extranet- Blog- Videoblog (vlog)- Redes sociales- ...
  14. 14. Mi sitio web 2011-02-01 CoherenciaMarketing = Marketing online
  15. 15. Mi sitio web 2011-02-01¿Cómo sabemosque un sitio web es bueno?
  16. 16. Mi sitio web 2011-02-01Objetivo
  17. 17. Mi sitio web 2011-02-01Objetivos• Vender• Fidalizar• Contactos de nuevos clientes• Reducir costes de comercialización• Fomentar el uso• Informar sobre productos• Difundir conocimiento• Conocer opinión del cliente• Crear marca• ...
  18. 18. Mi sitio web 2011-02-01Medir objetivos
  19. 19. Mi sitio web 2011-02-01Objetivos• Vender => Ventas• Fidelizar => Clientes que repiten• Contactos de nuevos clientes => Nuevos clientes vía web• Reducir costes de comercialización => Margen por producto• Fomentar el uso => Links, etc.• Informar sobre productos => Reducir consultas por teléfono• Difundir conocimiento => Visitas en la web, etc.• Conocer opinión del cliente => Nº de mejoras gracias a clientes• Crear marca => Fans en Facebook, Nuevos contactos BBDD• ...
  20. 20. Mi sitio web 2011-02-01http://es.wikipedia.org/wiki/Reutilizaci%C3%B3n
  21. 21. Mi sitio web 2011-02-01Características de un buen sitio web:• Contenido de calidad (texto + multimedia)• Buena estructura de contenidos• Atractivo y fácil de utilizar• Accesible• Pensar en el cliente... y en Google
  22. 22. Mi sitio web 2011-02-01Cómo hacer un buen sitio web:• Contenido: elaborado y profesional (+ pensar cliente)• Estructura: pensar en el cliente (nomenclatura/orden)• Atractivo y fácil de utilizar: reforzar marca y sencillez• Accesible: normas de accesibilidad• Google: Posicionamiento en buscadores
  23. 23. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  24. 24. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  25. 25. Mi sitio web 2011-02-01 Análisisestratégico
  26. 26. Mi sitio web 2011-02-01Análisis estratégico• Misión y visión: – Qué queremos que haga el sitio web – Qué queremos que sea en el futuro• Objetivos (medibles, realistas, evolución, ...)• La competencia (qué hacen, cómo, …)• Necesidades técnicas presentes y futuros• ¿Tenemos medios? – Económicos – Personal
  27. 27. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  28. 28. Mi sitio web 2011-02-01Arquitectura de la información
  29. 29. Mi sitio web 2011-02-01Arquitectura de la información• Arquitectura de la información: – Organizar el sitio web y sus contenidos para lograr los objetivos establecidos.• Qué contenidos vamos a tener• Facilitar navegación (3 clicks)• Árbol de contenidos• Wireframe• Diseño de interacción (más info:http://bit.ly/h8yQRQ)
  30. 30. Mi sitio web 2011-02-01Arquitectura de la informaciónÁrbol de contenidos, ejemplo:• Inicio• Quienes somos• Productos – Producto 1 – Producto 2 – Producto 3• Noticias• Contacto
  31. 31. Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/jm3/3711253360/
  32. 32. Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/d2clon/4285529902
  33. 33. Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/cambodia4kidsorg/4478661447
  34. 34. Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/pixelsebi/2996381778
  35. 35. Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: Pencil Sketching
  36. 36. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  37. 37. Mi sitio web 2011-02-01Diseño
  38. 38. Mi sitio web 2011-02-01http://www.flickr.com/photos/chego101/3394439610
  39. 39. Mi sitio web 2011-02-01Diseño• Parte complicada• Todo el munda opina• Algunos hasta saben utilizar Photoshop Dejemos el diseño para los profesionales
  40. 40. Mi sitio web 2011-02-01Diseño• Respetar imagen corporativa• Orientado a objetivos• Atractivo, que invite a navegar y leer• Sacar máximo rendimiento a contenidos (texto y multimedia)• Transmitir credibilidad• Facilitar navegación (3 clicks)
  41. 41. Mi sitio web 2011-02-01DiseñoAccesibilidad• Todos puedan utilizar la web• Normas básicas: – Uso de estándares (W3C) – Teclas de acceso – Solo texto – Tamaño de letra variable – …• Guía breve de accesibilidad (W3C) http://bit.ly/eRppv8
  42. 42. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  43. 43. Mi sitio web 2011-02-01Desarrollo
  44. 44. Mi sitio web 2011-02-01Desarrollo• Cómo se trabaja• Tipos de sitios web• CMS• Hosting• Compatibilidad
  45. 45. Mi sitio web 2011-02-01DesarrolloCómo se trabaja:• Especificaciones al desarrollador• Selección de CMS• Desarrollo de la primera versión• Web visible en dirección oculta• Carga de contenidos• Solucionar bugs y errores de desarrollo/diseño• Publicación• ¿Desarrollo continuo?
  46. 46. Mi sitio web 2011-02-01DesarrolloTipos de sitios web:• Pública / Acceso privado (intranet/extranet)• Mera presencia corporativa• Ecommerce• Muy orientado a noticias• Blog• Videoblog (vlog)• Foros
  47. 47. Mi sitio web 2011-02-01DesarrolloCMS (Sistemas de Gestión de Contenidos)• Tu mismo puedes gestionar la web: añades, editas o eliminas contenido sin intermediación.• No desarrolles desde 0• Multilingüismo• Software libre• Plone, Wordpress, Joomla, Drupal, Magento, PrestaShop, ...
  48. 48. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  49. 49. Mi sitio web 2011-02-01 Carga decontenidos y pruebas
  50. 50. Mi sitio web 2011-02-01Carga de contenidos y pruebas• El contenido: lo más importante• (Casi) Siempre se deja para el final• El diseño atrae, el contenido convence• Invertir en contenido: – Textos (lengua propia y traducidos) – Imágenes – Videos
  51. 51. Mi sitio web 2011-02-01 Olvidar papel¡Esto es Internet!
  52. 52. Mi sitio web 2011-02-01Carga de contenidos y pruebasCómo escribir para el sitio web• Usuario: vistazo rápido a la web• Piensa en el cliente (palabras clave)• Nada de literatura• Propaganda: poco o nada• Conciso, listados, negritas, etc.• Llamadas a la acción (objetivos)• Traducciones: profesionalidad
  53. 53. Mi sitio web 2011-02-01Carga de contenidos y pruebas http://www.ulmapackaging.com
  54. 54. Mi sitio web 2011-02-01Carga de contenidos y pruebasCómo utilizar los PDF• No abusar• Extrae un resumen del PDF• Scribd• Indica el peso del PDF
  55. 55. Mi sitio web 2011-02-01Carga de contenidos y pruebasConsejos SEO• Pensar en palabras clave• Título del sitio web y cada página• Campo “description”• URLs entendibles• Navegación• Enlaces internos• Fotografías (campo “alt” y “title”)
  56. 56. Mi sitio web 2011-02-01Carga de contenidos y pruebasContenido y sitio web multilingüe• Detección de idioma• Cambio de idiomas: nada de banderas• Cambio de idiomas en todas las páginas• Localización de interfaces• SEO: servidores
  57. 57. Mi sitio web 2011-02-01Carga de contenidos y pruebasContenido multimedia• Buenas fotos: ayudan mucho a vender• Profesionalidad• Video: atre atención• Se posicionan bien en Google
  58. 58. Mi sitio web 2011-02-01http://vimeo.com/12236680
  59. 59. Mi sitio web 2011-02-01http://www.youtube.com/watch?v=qg1ckCkm8YI
  60. 60. Mi sitio web 2011-02-01Carga de contenidos y pruebasRepartir el contenido:• Videos: Youtube, Vimeo, Blip.tv, ...• Fotos: Flickr, Picasa• Noticias: Facebook, Twitter, …• Licencias libres
  61. 61. Mi sitio web 2011-02-01Carga de contenidos y pruebasPruebas de usabilidad (tests):
  62. 62. Mi sitio web 2011-02-01Carga de contenidos y pruebasCírculo de confianza:• Muestra la web a personas ajenas al proyecto – Compañeros de empresa – Clientes con mucha relación – Proveedores con mucha relación• No intentes convencer, escucha lo que te digan (valora su opinión en función del sujeto)
  63. 63. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  64. 64. Mi sitio web 2011-02-01Lanzamiento
  65. 65. Mi sitio web 2011-02-01Lanzamiento• Desengañémonos, la gente no está esperando a que pulsemos el botón para publicar.• Empieza poco a poco• Corrige errores no detectados• Ahora comienza el verdadero trabajo: ¡Alimenta tu web!
  66. 66. Mi sitio web 2011-02-01Fases del proyecto de mi sitio web• Análisis estratétigo• Arquitectura de la información• Diseño• Desarrollo• Carga de contenidos y pruebas• Lanzamiento• Mejora continua
  67. 67. Mi sitio web 2011-02-01Mejora continua
  68. 68. Mi sitio web 2011-02-01Mejora continua• Mide, mejora, mide (“cut once, measure twice”)• Contratos de mantenimiento (dedicación por horas), para desarrollos menores• No abandones el sitio web
  69. 69. Mi sitio web 2011-02-01 Eskerrik asko!! mlizarralde@codesyntax.comTwitter: @codesyntax @macmikel Codesyntax.com

×