En el mundo de hoy todos quieren que las cosas sean realizadas para ayer, muchos de quienes trabajamos en las áreas de diseño y/o publicidad nos hemos visto enfrentados a este escenario.

En muchas profesiones los para ayer no existen, o son problemas del cliente, en medicina, un área que conozco bien de cerca, es responsabilidad del paciente el no haber consultado antes si es que llega a la consulta del medico con una enfermedad muy avanzada.

Pero especialmente en el área de diseño, sea web o gráfico, los para ayer o para mañana a primera hora son la orden del día , muchos clientes no saben que el proceso de realizar su solicitud muchas veces conlleva la concretacion de varios pasos para lograr un producto final de excelente calidad.

El diseño no es magia, no es apretar un botón en el computador para que salga el resultado, detrás de las horas que se utilizan para crear su logo, web o cualquier otro diseño están las horas, días y años estudiando conceptos y herramientas para lograrlo.

Pasos para el Diseño web con WordPress

  1. Objetivo del Sitio:
    Este paso es sumamente primordial y está dado para crear los cimientos del sitio web, la búsqueda y el esclarecimiento del objetivo primordial del sitio web, paso a definir por ti como cliente, pero acompañado, muchas veces, por alguien con mayor experiencia en el mundo de la web, así lograr identificar quien conforma tu target de clientes potenciales.
  2. Especificación de Contenido y Temas:
    Definir cuales son los temas y contenidos que se desarrollaran en el sitio web, teniendo presentes la búsqueda de lograr el o los objetivos trazados para el sitio web.
  3. Especificación de Funcionalidades Específicas:
    Muy de la mano de los anteriores y a raíz de ellos, podemos encontrar las funcionalidades específicas del sitio web, como lo es la presencia de un carro de compras, publicación automática del contenido en redes sociales o una sección protegida mediante contraseña.
  4. Escritura del Contenido Inicial:
    Mucho se dice en Internet que el contenido es el Rey, y así ha de ser, es por esto que ha de ser cuidadoso de cómo redacta y presenta su contenido, en sitios web donde el contenido es incremental con el tiempo, es necesario plantear ciertos lineamientos para lograr una armónica como se presentarán los contenidos a través del tiempo.
  5. Wireframes de referencias:
    Creación de esquemas que representan el “esqueleto” de cada página web, logrando un ordenamiento del contenido, elementos de interfaz y navegación.
  6. Estructuración del Contenido:
    Creación de un mapa de la arquitectura del sitio, para visualizar cómo se organizan el contenido y la estructura del sitio, interconectando los diferentes wireframes creados anteriormente.
  7. Definición de la guía de estilo:
    Colores, fondos, tamaños, tipografías, todo lo referente al diseño del sitio web, son definidos en este punto, para lograr un diseño armónico en todas las páginas del sitio web, tanto las iniciales como las futuras.
  8. Diseño Inicial:
    Creación del primer diseño, creado por bloques dispuestos uno bajo el otro, iniciando el diseño pensando en móviles.
  9. Diseño con puntos de ruptura o breakpoints:
    En diseños responsivos, se crean puntos para lograr un reordenamiento de los módulos que generan cada página web, partiendo de resoluciones pequeñas hasta las más grandes, resultando en cambios del diseño adaptado a diferentes pantallas de diferentes dispositivos.
  10. Prototipo en HTML:
    Prototipos reales, casi como si fuera el sitio web definitivo, pero con funcionalidades básicas, para lograr evaluar el comportamiento del diseño web en los diferentes dispositivos actuales.
  11. Transformación en Tema:
    Tomando los prototipos en HTML se generan los archivos necesarios para la creación de un tema para WordPress.
  12. Incorporación del Contenido:
    Incorporación del contenido inicial del sitio web a WordPress, ya sea en forma de artículos o páginas.
  13. Incorporación y Activación de Plugins:
    Incorporación de funcionalidades a través de diferentes plugins, tanto de terceros como propios para dotar de las funcionalidades necesarias al sitio web.
  14. Evaluación y Publicación:
    Evaluaciones para buscar mejoras antes de la publicación del sitio web.