Mis cursos

  • Doctype

    La etiqueta <!DOCTYPE html> indica que el documento es de tipo html. Aunque en realidad no es un elemento HTML en sí mismo, cada documento HTML debe tener una declaración Doctype para cumplir con los estándares HTML. Es una declaración que se incluye al comienzo de un documento HTML para indicar al navegador web el…

  • Ejemplo de Código HTML

    Este es el código básico de una página Así se vería en código anterior en un browser Navegación de la serie HTML para SEOAnterior: << El Código HTMLSiguiente: Doctype >>

  • El Código HTML

    El HTML es el lenguaje con que están hechas todas las páginas web. Algunas páginas están hechas con lenguajes de programación como php, java, python y otros, pero la programación finalmente crea una página en HTML que nuestro navegador (Chrome, Edge, Safari, etc) pueda leer para mostrarnos el contenido de cada página. Es un lenguaje…

  • Wireframes

    El objetivo de los wireframes es el de mostrar qué elementos se incluyen en una página web y donde. Como se explicó al principio, los wireframes prescinden de decidir colores, texturas, fuentes y otros elementos que se pueden definir después, para que en este paso nos podamos concentrar en el qué y en el dónde.…

  • Contenidos

    La siguiente etapa de este recorrido es definir el contenido del sitio web. En este caso entonces tenemos que definir que necesitan los usuarios para tu para poder realizar las acciones que definimos anteriormente como Conversión y Micro Conversiones.  Entonces para el ejemplo del restaurante: Conversión y Micro Conversiones Contenidos Realizar el pedido(Conversión) Sistema de…

  • Otras Estrategias

    El sitio web es solo uno de los muchos medios que podemos usar en una estrategia de marketing digital entonces en el proceso de diseño debemos tomar en cuenta cualquier cosa adicional incluida en nuestro plan de marketing. Tomando en cuenta otras estrategias del plan de marketing del restaurante podemos entonces agregar como contenido necesario:…

  • Análisis de la competencia

    Antes de realizar los wireframes analizamos que podemos destacar de los diseños de sitios similares punto de este análisis podemos ver que para otro restaurantes las imágenes son obviamente muy importantes. El primer paso del análisis es determinar cuáles son los sitios web de los principales competidores y de los líderes de mercado nacionales o…

  • Micro Conversiones

    Además de la de las conversiones vistas anteriormente, existen las micro conversiones, acciones secundarias qué no influyen directamente en alcanzar el objetivo pero son son necesarias para que el cliente potencial pueda realizar después la conversión que definimos anteriormente. Estas se llaman micro conversiones porque son acciones que el usuario o cliente tiene que realizar…

  • Conversiones

    Ahora que hemos definido el objetivo definimos Cuáles son las acciones que tienen que tomar nuestros visitantes para que el restaurante alcance su objetivo. Estas acciones se llaman conversiones. El nombre viene del supuesto que convertimos a los visitantes en clientes para realizar una venta, sin embargo se usa en un sentido más amplio para…

  • Objetivos

    Iniciamos desde el objetivo. Recordemos que a lo largo de este recorrido usaremos de ejemplo un restaurante de comida tailandesa. Objetivo: Obtener pedidos para entrega a domicilio Navegación de la serie Diseño Web Basado en ObjetivosAnterior: << De Objetivos a WireframesSiguiente: Conversiones >>