Desarrollo de un theme de Wordpress Ad Hoc

Life Montserrat

Desarrollo web de un proyecto de silvopastura para la conservación y prevención de incendios en la Montaña de Montserrat, con fondos de financiación europeos.

Un proyecto de conservación - Life Montserrat

¿Cómo abordamos el proyecto?

Nos reunimos con el cliente en una primera fase para entender las necesidades técnicas y el diseño que Lacasagroga.net realizó.

Resultado clave: La montaña de Montserrat, por sus especiales características y su entorno, necesitaba del proyecto de conservación que Fundació Catalunya La Pedrera diseñó y ejecutó para su conservación y prevención de incendios forestales.

Investigación y estudio

Estudio de los proyectos similares a nivel europeo a nivel diseño. Estudio a nivel técnico de las mejores técnicas de desarrollo en aquel momento.

Diseño centrado en el proyecto

Lacasagroga.net diseño esta web centrándose en el proyecto, y los requisitos del cliente.

Desarrollo interactivo

Una vez desarrollado el skeleton, aprobado por en diseño y en ulterior aprobación del cliente. Me dediqué a dotar al proyecto de la interactividad que se puede ver.

Optimización post-lanzamiento

En este caso tras el lanzamiento implementé unas mejoras en cuanto a Web Core Vitals, performace, WPO o para el resto de mortales, velocidad de carga. Una optimización que no se puede implementar en local.

Nuestro workflow

01

Definición

Reunión inicial con el cliente para definir las necesidades de contenido.

02

Diseño web

Prototipado de alta fidelidad y propuestas de diseño web que se facilitarón en una fase previa a comenzar a programar.

03

Desarrollo

Código limpio, escalable, optimizado para un rendimiento óptimo en un hosting compartido.

04

Lanzamiento

Despliegue, monitorización y optimización post-lanzamiento en cuanto a performance y WPO.

05

Iteración

Mejora continua basada en nuevas solicitudes en una segunda fase.

06

Escalado

Preparamos la arquitectura para crecer sin límites técnicos.

Stack técnico

Usamos tecnologías artesanas para garantizar la semántica, el rendimiento y el CMS idóneo para que el cliente publicase de forma autónoma todos sus contenidos durante los años siguientes a la entrega del mismo.

  • Wordpress, Html y CSS artesano
  • PHP y Javascript en el backend
  • Mysql y caché de objetos
  • Hosting compartido de Linux
≈ 78 Rendimiento WPO según lighthouse en desktop cerca de 10 años después de su lanzamiento
Wordpress Semántica CSS Linux Javascript PHP

Preguntas frecuentes

¿Qué stack tecnológico se usó?

Elegí desarrollar en WordPress para que el cliente pudiera gestionar sus contenidos con total autonomía, como si fuera un editor de textos. Detrás, usamos PHP, HTML5, CSS y jQuery, sin framework de frontend alguno, para que el código fuera ligero, sencillo y fácil de mantener.

¿Cómo se asegura la velocidad de carga?

Cuando lanzamos la web en 2015, rozaba el 100% en Google Page Speed Insights. Hoy, con los años y las actualizaciones de Google, sigue siendo rápida y con buena puntuación. No necesita trucos: está bien construida desde el principio.

¿Ha requerido mucho mantenimiento este sitio web?

Muy poco. Con una base sólida y actualizaciones puntuales, la web sigue en pie y funcionando después de más de 10 años. Eso es lo que llamamos una inversión duradera.

¿Cómo se desarrolló este proyecto?

Partimos de los requisitos funcionales y de contenido que nos marcó Fundación Catalunya La Pedrera, y el diseño gráfico fue obra de Lacasagroga.net, que creó una identidad visual a medida. Nuestro trabajo fue darle vida técnica con la máxima fidelidad al diseño y a la usabilidad.

¿Qué mantenimiento incluyó?

Ofrecí soporte continuo pero a la vez sugerí que se actualizase periódicamente, sin ninguna exigencia de tiempo ni requisito funcional alguno ya que la web, por si sola, ha ido asumiendo las nevas versiones de CORE durante más de 10 años.