• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mi sitio web - Enpresa Digitala
 

Mi sitio web - Enpresa Digitala

on

  • 935 views

 

Statistics

Views

Total Views
935
Views on SlideShare
898
Embed Views
37

Actions

Likes
0
Downloads
13
Comments
0

1 Embed 37

http://www.codesyntax.com 37

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Mi sitio web - Enpresa Digitala Mi sitio web - Enpresa Digitala Presentation Transcript

    • 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
    • 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
    • Mi sitio web 2011-02-01Presentación
    • 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?
    • Mi sitio web 2011-02-01Cluetrain Manifesto http://www.codesyntax.com/taller-cs/el-manifiesto-cluetrain
    • Mi sitio web 2011-02-01Los mercados son conversaciones http://www.flickr.com/photos/viernest/3996037486/
    • Mi sitio web 2011-02-01El cliente quiere hablar con la marca
    • Mi sitio web 2011-02-01¿Qué es elmarketing?
    • Mi sitio web 2011-02-01Saber qué quiere el cliente y dárselo
    • Mi sitio web 2011-02-01http://www.youtube.com/watch?v=zweof0kBKUY
    • Mi sitio web 2011-02-01Para conocer al cliente... ¡Hay que conversar!
    • Mi sitio web 2011-02-01Antes de hacer nada en Internet...Pensemos en el cliente
    • Mi sitio web 2011-02-01 ¿Qué podemos hacer?:- Sitio web / Ecommerce- Intranet / Extranet- Blog- Videoblog (vlog)- Redes sociales- ...
    • Mi sitio web 2011-02-01 CoherenciaMarketing = Marketing online
    • Mi sitio web 2011-02-01¿Cómo sabemosque un sitio web es bueno?
    • Mi sitio web 2011-02-01Objetivo
    • 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• ...
    • Mi sitio web 2011-02-01Medir objetivos
    • 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• ...
    • Mi sitio web 2011-02-01http://es.wikipedia.org/wiki/Reutilizaci%C3%B3n
    • 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
    • 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
    • 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
    • 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
    • Mi sitio web 2011-02-01 Análisisestratégico
    • 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
    • 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
    • Mi sitio web 2011-02-01Arquitectura de la información
    • 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)
    • 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
    • Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/jm3/3711253360/
    • Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/d2clon/4285529902
    • Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/cambodia4kidsorg/4478661447
    • Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: http://www.flickr.com/photos/pixelsebi/2996381778
    • Mi sitio web 2011-02-01Arquitectura de la informaciónWireframe, ejemplo: Pencil Sketching
    • 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
    • Mi sitio web 2011-02-01Diseño
    • Mi sitio web 2011-02-01http://www.flickr.com/photos/chego101/3394439610
    • 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
    • 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)
    • 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
    • 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
    • Mi sitio web 2011-02-01Desarrollo
    • Mi sitio web 2011-02-01Desarrollo• Cómo se trabaja• Tipos de sitios web• CMS• Hosting• Compatibilidad
    • 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?
    • 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
    • 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, ...
    • 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
    • Mi sitio web 2011-02-01 Carga decontenidos y pruebas
    • 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
    • Mi sitio web 2011-02-01 Olvidar papel¡Esto es Internet!
    • 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
    • Mi sitio web 2011-02-01Carga de contenidos y pruebas http://www.ulmapackaging.com
    • 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
    • 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”)
    • 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
    • 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
    • Mi sitio web 2011-02-01http://vimeo.com/12236680
    • Mi sitio web 2011-02-01http://www.youtube.com/watch?v=qg1ckCkm8YI
    • 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
    • Mi sitio web 2011-02-01Carga de contenidos y pruebasPruebas de usabilidad (tests):
    • 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)
    • 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
    • Mi sitio web 2011-02-01Lanzamiento
    • 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!
    • 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
    • Mi sitio web 2011-02-01Mejora continua
    • 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
    • Mi sitio web 2011-02-01 Eskerrik asko!! mlizarralde@codesyntax.comTwitter: @codesyntax @macmikel Codesyntax.com