Cada uno de nosotros tiene su propia manera de trabajar pero siempre es interesante ver como lo hacen los otros para coger ideas que nos puedan ser útiles. Hoy, Emili Castells nos explica qué proceso sigue como freelance cada vez que le llega un proyecto WordPress. Adelante Emili:
En este artículo voy a hablar sobre cómo afronto un proyecto comercial realizado en WordPress que viene de un cliente, en mi caso, tomo como ejemplo un proyecto encargado por una agencia de publicidad.
Una buena manera de empezar es dividir el proyecto en fases:
00 Planing
01 Presupuesto y Timing
02 Delegación de trabajo
03 Producción
04 Lanzamiento
00 – Planning inicial del proyecto WordPress
En esta primera fase intento recopilar el máximo de información sobre el proyecto, esto incluye:
Briefing
Debe contener una descripción general del proyecto y cuáles son sus objetivos. El contenido del briefing puede variar desde un simple e-mail a un documento con cientos de páginas, mi máxima es que cuánto más detallado esté, mejor voy a poder afrontar las siguientes fases del proyecto.
Material gráfico
Para mí la mejor manera de trabajar es con archivos .psd . Recomiendo http://photoshopetiquette.com/ como referencia. Es muy útil que las imágenes (iconos, logos…) estén como objeto (vectorial), de esta manera vamos a poder escalar sin problemas.
Funcionalidades y hosting
Es importante tener claro todas las funcionalidades que se requieren. Por ejemplo es importante preguntar y asegurarse de si aspectos tales como un sistema de subscriptores, un localizador de tiendas… serán parte del proyecto.
Si es posible en esta primera fase, es bueno tener también la información del hosting donde va a ir alojada, para poder comprobrar que nuestra instalación WordPress va a funcionar correctamente.
01 Presupuesto y Timing
En esta fase hago el presupuesto basado en toda la información que tengo, estos son los pasos:
- Divido el trabajo en pequeños grupos manejables, por ejemplo ‘navegación’, ’slide home’…
- Por cada grupo calculo las horas que creo que voy a tardar en hacerlo
- Sumo todas las horas y las multiplico por mi precio por hora
Con estos pasos ya tengo definidas las tareas, el tiempo y el precio, así que ya puedo hacer el presupuesto.
Nelio A/B Testing
Pruebas A/B nativas en WordPress
Usa tu editor de páginas favorito en WordPress para crear variaciones y lanza pruebas A/B con solo un par de clics. No se necesita saber nada de programación para que funcione.
02 Delegación de trabajo
El tiempo no es algo que les sobre precisamente a las agencias de publicidad, por tanto si la agencia puede entrar los contenidos nos va a permitir trabajar en paralelo, mientras yo programo ellos pueden ir subiendo contenido. Esto tiene varias ventajas, por ejemplo se puede ir viendo como encaja el contenido real en el diseño, muchas veces el diseño se ve muy bien con ‘Lorem ipsum’ pero es realmente cuando entras el contenido final cuando ves cómo encaja todo y si hay que ajustar.
Para poder hacer esto posible, hago una primera versión básica del Theme y lo activo en una instalación limpia de WordPress, en un directorio temporal en el servidor del cliente.
Si tienes que entrar tú los contenidos, presupuéstalo, no es lo mismo subir 5 productos que 5.000.
03 Producción
Frontend
Primero hago la maquetación de todas las páginas maestras en estático (HTML) y monto una versión navegable, de esta manera el cliente ya puede ir viendo cómo va a quedar y me puede dar feedback. Esto me sirve también para hacer todos los tests (responsive, crossbrowser testing…) sin tener que preocuparme del backend.
Para crossbrowsing testing recomiendo http://www.browserstack.com/ para mi lo mejor que tiene es la posibilidad de trabajar en local.
Integración WordPress
A parte de convertir todas las páginas maestras en un Theme, hay que decidir qué Plugins vamos a utilizar:
Para un proyecto básico sin funcionalidades extra utilizo estos:
- https://wordpress.org/plugins/types/ para la creación de contenido personalizado (custom post types).
- https://wordpress.org/plugins/regenerate-thumbnails/ para regenerar todos los presets de imagen si hace falta.
- https://wordpress.org/plugins/wordpress-seo/ para trabajar el SEO.
- https://wordpress.org/plugins/google-analytics-for-wordpress/ integración Google Analytics.
- https://wordpress.org/plugins/akismet/ si el proyecto tiene blog con comentarios habilitados.
En mi entorno de desarrollo local utilizo https://wordpress.org/plugins/query-monitor/ para tener información de lo que está pasando, detectar errores, consumo de recursos…
Para funcionalidades extra, primero miro si existe en el mercado un Plugin que solucione el problema, que sea extensible y customizable. Si no lo encuentro, entonces lo hago a medida. Lo ideal es pensar en el largo plazo y hacer el plugin de manera que lo podamos reutilizar en otros proyectos.
Todo lo descrito arriba hace referencia a un Theme creado desde cero, pero se puede dar el caso que el cliente ya tenga un Theme comprado, en ese caso, recomiendo un Theme que no haga muchas cosas extra: Me explico: el problema con algunos Themes Premium, desde mi punto de vista, es que están pensados para hacer muchas cosas, esto de entrada puede parecer buena idea, pero la realidad es que acaban siendo muy pesados (page speed) y normalmente solo vamos a utilizar una pequeña parte de todo lo que nos ofrece. Resumiendo, para mí el Theme ideal es aquel que te permite configurar cosas como colores, tipografía, layout… la parte visual de la web. Para añadir funcionalidad es mejor utilizar plugins.
04 Lanzamiento
En esta última fase del proyecto, subo la instalación WordPress final desde mi entorno de desarrollo local a un directorio temporal en el servidor final, así el cliente puede hacer un último repaso.
Una vez tengo el OK del cliente, subo todos los archivos al root, modifico la url en los campos siteurl y home de la tabla wp_options y regenero los permalinks (solo hace falta entrar a la página Settings / Permalinks y se regeneran automáticamente)
Para acabar, es importante tener un plan de recuperación por si las cosas se complican. Existen varias opciones, hostings que hacen backups diarios de base de datos y archivos, servicios específicos de Backups y por supuesto Plugins.
Espero que os haya gustado el artículo, si tenéis cualquier duda, comentario o aportación estaré encantado de escucharos.
¿Y vosotros qué proceso seguís? ¿Parecido al de Emili? ¿Totalmente diferente? ¡Contádnoslo!
Imagen destacada de Kelly Sikkema en Unsplash.
Deja una respuesta