Por uno de esos giros inesperados que tiene la vida, esta semana he pasado de trabajar solo a gestionar un departamento de diseño web. Estas son las medidas que he tomado y que os pueden ser de ayuda si gestionáis un equipo o simplemente para organizar vuestro propio trabajo:

Detectar errores

La primera semana ha consistido en acabar los trabajos más  urgentes que había pendientes y tomar nota de todos los errores y aspectos que pueden mejorar. Como malas prácticas de desarrollo, fallos en la comunicación, seguridad etc.

Crear un gestor de proyectos web

El siguiente paso ha sido crear un sistema para centralizar toda la información de cada proyecto:

  • Datos de acceso
  • Personas a cargo
  • Tema de WordPress elegido / tema a medida
  • Tareas pendientes
  • Archivos del proyecto, imágenes, bocetos, contenidos etc.

Este paso lo veo imprescindible ya que se reduce el tráfico de correos electrónicos innecesarios y se tiene una referencia visual de todos los proyectos que están en activo.

He estado probando varias herramientas y las dos opciones más interesantes me han parecido estos dos plugins de WordPress:

WP Project Manager una de las opciones que mejor funcionan de las que he probado. Es interesante la opción de visualizar una barra de progreso de cada proyecto según se van completando las metas.

plugin para gestionar un departamento de diseño web

CollabPress este es el plugin con el que me he quedado, por lo menos hasta encontrar algo mejor. Todavía está en fase de desarrollo y algunas cosas como las notificaciones al correo no funcionan bien. Pero en términos generales es de gran ayuda.

Entorno de desarrollo

Cuando varias personas trabajan sobre un mismo proyecto se hace inviable el uso de un entorno local. Las opciones en este caso son las siguientes:

Trabajar en un dominio de pruebas en nuestro hosting:

  • Es más lento que hacerlo en un servido local
  • Se pierde tiempo creando y borrando subdominios, bases de datos, cuentas ftp…
  • Está accesible para todos y el cliente puede ir viendo los cambios

Utilizar un entorno de desarrollo en la nube como Codio

  • El sitio solo está visible cuando se está trabajando en él (al menos es así en la versión gratuita)
  • Instala un WordPress en cuestión de segundos
  • En la versión gratuita el desarrollo es en abierto y cualquiera puede verlo (aunque no modificarlo)
  • Dispone de su propio IDE (Entorno de Desarrollo Integrado)

entorno de desarrollo web en la nube para wordpress grtis

Crear varios Checklists

Otro de los procesos que había que mejorar es la falta de un guión para las diferentes fases del proyecto. Con un guión en la mano reducimos la sensación de agobio al intentar recordar todas esas pequeñas tareas pendientes. Serían los siguientes:

Checklist Inicio Proyecto

Antes de ponernos manos a la obra con cada proyecto hay que crear el entorno de desarrollo básico y asegurarnos de dejar WordPress perfectamente configurado:

  • crear entorno de desarrollo
  • instalar tema
  • instalar tema hijo: style.css y functions.php
  • eliminar temas y plugins preinstalados
  • eliminar páginas y posts preinstalados
  • guardar permalinks: ajustes => enlaces permanentes => nombre de entrada
  • cambiar categoría “sin categoría” por otra
  • activar o no los comentarios: desactivar completamente con No Page Comment
  • cambiar descripción corta del sitio o borrarla
  • Si es tienda instalar WooCommerce
  • bloquear visionado de la web o deshabilitar la indexación
  • añadir datos en gestor
    • contraseñas
    • tema elegido
    • personas a cargo

Checklist Seo

Optimizar la configuración de WordPress de cara al SEO es muy importante, más aúun cuando estás trabajando para un cliente que va a exigir resultados:

  • Instalar y configurar WordPress SEO by Yoast
  • Configurar robots.txt
    • User-agent: *
    • Disallow: /wp-admin/
    • Disallow: /author/
    • Disallow: /*/feed/
    • Disallow: /*/trackback/
    • Disallow: /tag/
    • Disallow: /tag/*/page/
    • Disallow: /tag/*/feed/
    • Disallow: */page/*
    • Disallow: /comments/*
    • Disallow: /2015/*
    • Disallow: /xmlrpc.php
    • Disallow: /*?*
    • Disallow: /nota-legal/ <= politica de cookies etc.
  • Alta en
  • En Ajustes => Escritura => Servicios de actualización, añadir listado:
    • http://rpc.pingomatic.com/
    • http://api.my.yahoo.com/rss/ping
    • http://blogsearch.google.com/ping/RPC2
    • http://ping.bitacoras.com
    • http://ping.feedburner.com
    • http://rpc.technorati.com/rpc/ping
    • http://rpc.weblogs.com/RPC2

Checklist finalizando proyecto en entorno de desarrollo

Una vez que está terminado el diseño e introducido el contenido hay que repasar la lista de plugins básicos y de seguridad. Así nos aseguramos que el sitio va a estar funcionando sin problemas y nos evitamos las llamadas del cliente para resolver pequeños fallos de desarrollo:

Checklist finalizando proyecto en servidor de producción

Ha llegado la hora de subir la web al servidor definitivo. Aquí es importante comprobar que la analítica está funcionando correctamente para que Google indexe el sitio lo antes posible:

  • Comprobar funcionamiento de formularios de contacto
  • Comprobar que es posible la indexación
  • Vincular a Google Webmaster Tools
  • Comprobar la indexación de sitemap
  • Crear usuario de WordPress para el cliente y pasarle los datos
  • Guardar copia del sitio finalizado
  • Desintalar duplicator
  • Comprobar que se hacen copias de seguridad
  • Borrar subdominio en el servidor de desarrollo

Tomar notas del diseño

Otro aspecto fundamental para gestionar un departamento de diseño web es precisamente tomar notas del diseño del sitio, ya sea para los bocetos iniciales o para cambios que indique el cliente. Las palabras se las lleva el viento así que es mejor tener unas cuantas herramientas a mano:

Balsamiq Mockups permite hacer rápidamente bocetos de sitios web y es muy fácil de utilizar. La otra opción es el lápiz y papel un sistema que nunca falla.

Skitch permite hacer capturas de pantalla, recortarlas, dibujar recuadros, flechas y añadirles texto. Muy rápida de utilizar y se integra con Evernote.

Conclusión

Cada equipo y cada cliente tiene unas necesidades especiales así que puedes tomarte esto como una receta que puedes ir modificando y perfeccionando a tu gusto. Si tienes alguna sugerencia o duda acerca de alguno de los pasos deja un comentario.


Foto: #checklist (licencia)