Desarrollo web en acción: Pasos esenciales para planificar, diseñar, codificar y probar tu sitio web
A lo largo de los años hemos pasado por muchas formas diferentes de hacer el trabajo. Los flujos de trabajo que hemos usado y los procesos generales que hemos implementado nos han llevado a este punto. Veamos cómo hacemos nuestros sitios web…
Planificación e Investigación
Cada proyecto comienza con la planificación, sin importar si se trata de un cliente, un proyecto paralelo personal o colaborativo. La razón por la que siempre comenzamos con la planificación es para tener una idea del trabajo por delante. Al hacer esto primero, entendemos de qué se trata realmente el proyecto, no solo lo que nos han dicho o imaginado a priori.
Otro beneficio es que podemos reunir todo lo necesrio en un solo lugar, generalmente Dropbox, antes de necesitarlo. No hay nada peor que encontrarse con un obstáculo porque no se solicitó al cliente una sección de contenido y ahora debemos esperar una semana antes de poder continuar.
Diseño
El propósito principal de esta etapa es generar un diseño de lo que será el sitio web.
Una vez que la idea está firmemente plantada, creamos el boceto en Photoshop. A partir de éste boceto, concretamos con el cliente qué aspectos se deben modificar, qué conservar, qué va a dónde y si es necesario o no ajustar el diseño general.
Codificación
Con el diseño aprobado por parte del cliente, solo es cuestión de darle vida.
Todos los aspectos de diseño se crean mediante HTML y CSS, añadiendo funcionalidad mediante programación JavaScript o en lenguage PHP, especialmente porque es en lo que se basa WordPress, así que lo usamos para cualquier aspecto con lógica o funcionalidad avanzada.
Pruebas
La etapa de prueba es donde revisamos minuciosamente todo para asegurarnos de que todo funciona correctamente. Eso incluye cualquier cosa, desde menús desplegables y modales emergentes hasta formularios de contacto y seguimiento de análisis.
Esta etapa también es donde verificamos el sitio en todos los navegadores modernos y comunes para verificar que todo funcione y se vea correctamente. Por lo general, este es un paso sencillo, ya que a lo largo de los años hemos aprendido a hacer un código compatible con todos los navegadores y muy rara vez surgen errores importantes, o incluso menores.
El último paso de las pruebas es el lanzamiento, que consiste en implementarlo todo en el servidor del cliente y realizar una última ronda de pruebas tan pronto como todo esté activo.
