Imagen de Kelly Sikkema en Unsplash

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:

  1. Divido el trabajo en pequeños grupos manejables, por ejemplo ‘navegación’, ’slide home’…
  2. Por cada grupo calculo las horas que creo que voy a tardar en hacerlo
  3. 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:

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.

4 respuestas a «Cómo afrontar un proyecto WordPress como freelance»

  1. Avatar de Antonio

    Mi proceso es muy similar. Lo único que no hago es lo de montar una versión navegable en HTML primero y luego desarrollar el theme, pues creo que es doble trabajo, sino que empiezo directamente con éste. Tampoco soy muy partidario de cobrar por horas, o al menos no estrictamente. Yo más bien estimo el tiempo que tardaré en desarrollar el proyecto por completo, y en función de eso y de otros parámetros como las modificaciones o extras que creo que luego pedirá el cliente, la dificultad del proyecto y otros, fijar un precio.

  2. Avatar de Emili

    Hola Antonio, sobre la versión HTML navegable a mí me funciona bien sobretodo por el hecho de centrarme en una tarea concreta, en este caso, el Frontend. Luego para mí convertirlo a un Theme no supone mucho más trabajo, también tengo que aclarar que la versión navegable no es estríctamente HTML, en realidad el tipo de archivos es .php, hay archivos header.php, footer.php, utilizo loops for, alguna varible… y lo combino todo en una versión navegable. Tal como comentas, cada uno tenemos nuestra propia manera de gestionar los proyectos, lo importante es encontrar una metodología con la que te sientas cómodo y te funcione. Sobre el tema de la horas, el presupuesto que yo entrego al cliente tiene un precio total, pero también tiene un detalle de cada una las partes que componen el proyecto. Esto me sirve para que el cliente sepa qué está pagando y cuánto tiempo supone. Yo no aplico parámetros de cambios o extras en el presupuesto, si el cliente quiere cambios o extras, los presupuesto a parte. Pero como te he dicho anteriormente, no hay nada escrito en piedra 🙂

  3. Avatar de Antonio

    Por cierto, se me olvidó citar algunos plugins que you uso:

    * https://wordpress.org/plugins/debug-bar/ – A parte de poner WordPress en debug mode, esta barra ayuda a detectar cualquier tipo de notificación PHP o de errores con Java. Es el que usamos en el equipo de revisión de temas en WordPress.org.
    * https://wordpress.org/plugins/theme-check/ – Otro plugin que usamos en el equipo de revisión de temas de WordPress.org. Totalmente necesario si piensas enviar tu tema a este repositorio.
    * https://wordpress.org/plugins/monster-widget/ – Para comprobar como aparecerían ciertos elementos si el cliente los sobrecarga de contenido.
    * https://wordpress.org/plugins/uncomplicated-seo/ – Para SEOs básicos. Un plugin muy básico desarrollado por mí. Tengo que encontrar un poco de tiempo para actualizarlo para que tenga más adaptabilidad a algunas funciones de WordPress 4.1, como la nuefa forma de manejar el título con el title-tag.

  4. Avatar de oriol

    si que es veradad que cada uno de nosotros tenemos nuestras manías a la hora de trabajar… yo vengo del mundo del diseño, luego me puse a aprender programación con un amigo y descubrí WordPress… me facilitó mucho la vida…
    a la hora de hacer el presupuesto igual, concepto + necesidades = estimación de tiempo/precio
    pero a la hora de trabajar, a partir del concepto que me he imaginado para el proyecto/cliente, parto de un tema muy liviano para meterme en customizarlo (CSS basicamente y plugins para funciones) o ya parto de un framework, últimamente el tema DIVI de Elegant Themes que me da mucha versatilidad y como me lo conozco bien puedo sacarle partido fácilmente

    a parte de los plugins que comentaís, que los de test alguna vez los utilizo (no siempre)… recomiendo MONARCH, también de ET, para las redes sociales…

    custom post types, wordpress seo ya son habituales…

    y un pluguin que lo he nombrado «funcions» (para poder añadir funciones a WP) y que ya tengo preparado para subir archivos SVG, así todo lo que puedo (logo, iconos…) ya los subo en formato vectorial y así no hay perdida de calidad en ninguna pantalla (a veces da problemas con Internet Explorer, pero dándole correctamente las medidas que quieres se soluciona)

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

He leído y acepto la política de privacidad de Nelio Software

Tus datos personales se almacenarán en SiteGround y serán usados por Nelio Software con el único objetivo de publicar tu comentario aquí. Con el envío de este comentario, nos das el consentimiento expreso para ello. Escríbenos para acceder, rectificar, limitar o eliminar tus datos personales.