Portafolio de estudio de diseño basado en WordPress a medida
Portafolio de Lacasagroga.net
Desarrollo web del portafolio online de Lacasagroga.net, estudio de diseño gráfico dirigido por Eloi, construido en WordPress completamente desde cero en marzo de 2014 y aún en producción tras más de 12 años de actualizaciones.
Contexto
¿Cómo abordé el proyecto?
Lacasagroga.net es el portafolio online de un estudio de diseño gráfico que trabaja identidad corporativa, diseño editorial, comunicación online y offline y proyectos web para clientes de ámbitos muy diversos. El reto consistía en desarrollar un sitio WordPress completamente a medida, a partir del diseño realizado por Eloi, que fuese coherente con el estilo del estudio y, al mismo tiempo, robusto y fácil de mantener a lo largo del tiempo. El proyecto se desarrolló en marzo de 2014 y, más de 12 años después, sigue en producción, resistiendo sucesivas actualizaciones de WordPress y del ecosistema de plugins sin perder su estructura ni su identidad original.
Desarrollo desde cero en WordPress
El proyecto se construyó desde cero: sin partir de una plantilla comercial, se desarrolló un theme propio que responde al diseño y a las necesidades específicas del estudio.
Portafolio como núcleo del sitio
La arquitectura gira alrededor del portafolio: proyectos organizados, fichas con contexto y una estructura pensada para que el trabajo del estudio luzca por encima de la propia web.
Diseño de Eloi, implementación a medida
Eloi definió la dirección visual y la estructura; mi rol fue traducir esa propuesta a código, respetando composición, tipografía, jerarquía y ritmo visual.
Durabilidad y mantenimiento
El código se planteó pensando en la longevidad: más de una década después, el sitio sigue vigente, con capacidad para asumir nuevas versiones de WordPress y seguir mostrando proyectos actuales.
Proceso
Mi workflow
Entender la identidad de Lacasagroga
Analicé la forma en que el estudio se presenta: proyectos de comunicación online y offline, identidad corporativa, diseño editorial y web, con un estilo gráfico propio.
Traducción del diseño a arquitectura web
Tomé el diseño de Eloi y lo traduje a una arquitectura técnica en WordPress: portafolio, servicios, páginas de proyecto, contacto y versiones en diferentes idiomas.
Desarrollo del theme a medida
Desarrollé un theme propio adaptado al diseño, cuidando detalles de maquetación, tipografía y comportamiento responsive para mantener la coherencia visual.
Custom post types para proyectos
Implementé tipos de contenido personalizados para proyectos y secciones, facilitando que el estudio pudiera añadir, actualizar y organizar su trabajo sin tocar código.
Optimización y robustez
Trabajé el código y las dependencias para que el sitio fuera ligero, estable y preparado para convivir con futuras actualizaciones de WordPress.
Mantenimiento a lo largo del tiempo
Desde su lanzamiento en 2014, el sitio se ha mantenido operativo, incorporando nuevos proyectos y pequeños ajustes sin necesidad de replantear la base técnica.
Tecnologías
Stack técnico
El portafolio de Lacasagroga.net se construyó sobre WordPress con desarrollo a medida, priorizando la fidelidad al diseño, la claridad del portafolio y la durabilidad del sitio.
- WordPress como base del portafolio
- Theme desarrollado completamente a medida
- Custom post types para proyectos y secciones
- HTML, CSS y Javascript adaptados a la dirección de arte de Eloi
FAQ
Preguntas frecuentes
¿Qué tipo de trabajo muestra el portafolio de Lacasagroga.net y a quién va dirigido?
El portafolio de Lacasagroga.net está pensado para mostrar, de forma clara y ordenada, el tipo de proyectos que Eloi realiza como diseñador gráfico. En él se recogen trabajos de identidad corporativa, campañas de comunicación, diseño editorial, proyectos web y piezas para medios online y offline. Cada proyecto se presenta con el contexto necesario: qué necesitaba el cliente, qué solución gráfica se propuso y cómo se materializó en soportes concretos. El sitio se dirige tanto a potenciales clientes —marcas, instituciones, estudios, agencias— como a colaboradores que quieren entender el tipo de lenguaje visual y de enfoque que caracteriza al estudio. La estructura está pensada para que el visitante pueda navegar por categorías o explorar proyectos destacados, manteniendo siempre el foco en el trabajo y evitando distracciones. Así, el portafolio se convierte en una herramienta clara para evaluar el encaje entre las necesidades de quien visita la web y la manera de trabajar de Lacasagroga.net.
¿Por qué se optó por un desarrollo en WordPress completamente desde cero?
En este proyecto se decidió desarrollar el sitio en WordPress completamente desde cero para garantizar dos cosas: fidelidad absoluta al diseño de Eloi y control total sobre el comportamiento del sitio a largo plazo. Las plantillas genéricas difícilmente se ajustan a la precisión compositiva y tipográfica que un diseñador gráfico exige en su propio portafolio, y además suelen introducir capas de complejidad que no aportan valor. Crear un theme a medida permitió definir exactamente cómo debía presentarse cada proyecto, cómo se organizarían las secciones y qué ritmo visual tendría el sitio. A nivel técnico, trabajar desde cero significó poder elegir cuidadosamente qué funciones se implementaban y cómo, minimizando dependencias externas y asegurando una base más robusta frente a futuras actualizaciones de WordPress. El resultado es un portafolio que se ve y se comporta como el diseñador quería, sin tener que “negociar” con limitaciones de una plantilla preexistente.
¿Cómo está estructurado el portafolio para facilitar la navegación del visitante?
La estructura del portafolio se ha diseñado para que el visitante pueda orientarse fácilmente entre proyectos muy distintos. Normalmente, se combinan listados visuales —rejillas o listados con miniaturas— con páginas de detalle para cada proyecto, donde se desarrollan imágenes, textos y créditos. Los proyectos pueden agruparse por tipo (identidad, editorial, web, campañas) o por sectores, lo que permite a un potencial cliente localizar ejemplos cercanos a su ámbito. La navegación está pensada para mantener siempre a mano elementos clave como el acceso al portafolio completo, la página de servicios o el contacto. De este modo, quien explora el trabajo del estudio puede pasar de un proyecto a otro sin perderse, y cuando detecta afinidad, tiene a un clic la opción de iniciar conversación. Esta estructura, combinada con un diseño sobrio y centrado en las piezas, facilita una experiencia fluida y alineada con las expectativas de quien visita un portafolio profesional.
¿Qué significa que la web siga en producción tras más de 12 años y por qué es relevante?
Que la web siga en producción tras más de 12 años significa que el desarrollo inicial fue sólido, mantenible y bien pensado. En un entorno como WordPress, donde las versiones del core, los plugins y el entorno de servidor evolucionan constantemente, muchos sitios se quedan obsoletos o terminan rompiéndose si no se han planteado con cuidado. En este caso, el hecho de que el portafolio de Lacasagroga.net siga operativo, con capacidad para incorporar nuevos proyectos y pequeños ajustes, indica que el theme a medida y la arquitectura general se diseñaron pensando en la longevidad. Para un visitante, puede parecer un detalle invisible, pero para el estudio es clave: significa que su portafolio online no ha tenido que reescribirse desde cero cada pocos años, que la inversión inicial ha tenido recorrido y que la web ha podido acompañar, sin sobresaltos, la evolución profesional de Eloi. Esta durabilidad es, en sí misma, un argumento de calidad técnica y de respeto por el trabajo conjunto entre diseño y desarrollo.
¿Cómo se integró el diseño de Eloi en el desarrollo técnico del sitio?
El diseño de Eloi se integró en el desarrollo técnico respetando al máximo su intención original. Esto implicó trabajar con especial atención a la tipografía, los márgenes, las alineaciones y el uso del color, evitando atajos que desvirtuaran la composición. A nivel de código, se construyeron plantillas específicas para las páginas clave —home, portafolio, proyecto, servicios, contacto— y se definieron componentes reutilizables que respondieran a la lógica visual del diseño. La maquetación responsive se abordó como una adaptación cuidadosa, no como una versión simplificada: se buscó que la experiencia en dispositivos móviles conservara la esencia del diseño sin sacrificar legibilidad ni usabilidad. En definitiva, el desarrollo no se limitó a “encajar” el diseño en WordPress, sino que se planteó como un trabajo de traducción fiel al lenguaje visual de Lacasagroga.net, asegurando que el resultado final fuera reconocible por el propio diseñador como su casa digital.
¿Qué ventajas aporta el uso de tipos de contenido personalizados para los proyectos?
El uso de custom post types para los proyectos permite separar claramente el contenido del portafolio del resto de páginas y entradas, algo especialmente útil en un sitio que debe crecer ordenadamente. Gracias a estos tipos de contenido personalizados, cada proyecto puede tener campos específicos —cliente, tipo de trabajo, año, categoría, créditos— que se muestran de forma consistente en todas las fichas. Esto facilita tanto la gestión interna, porque el estudio cuenta con formularios adaptados a su realidad, como la experiencia del usuario, que encuentra estructuras homogéneas al explorar distintos trabajos. Además, esta separación permite aplicar plantillas concretas, filtros y taxonomías personalizadas sin mezclar el contenido del portafolio con, por ejemplo, posibles noticias o textos más generales. En resumen, los custom post types dotan al portafolio de una base técnica ordenada, preparada para crecer sin convertirse en un caos difícil de mantener.
¿Qué puede esperar un potencial cliente que descubre Lacasagroga.net a través de esta web?
Un potencial cliente que llega por primera vez a Lacasagroga.net puede esperar un portafolio claro, honesto y centrado en el trabajo. Desde la home, la web le invita a conocer qué hace el estudio, qué tipo de proyectos aborda y cómo se ha materializado ese trabajo en casos concretos. La combinación de proyectos, servicios y contacto está pensada para que, en pocos minutos, alguien pueda responder a tres preguntas básicas: si el estilo y la manera de trabajar de Eloi encajan con lo que busca, si el estudio ha trabajado en contextos similares al suyo y cómo puede iniciar una conversación. La web no recarga al visitante con efectos ni elementos superfluos: deja que el diseño gráfico y los proyectos hablen, respaldados por una estructura técnica estable. Esa combinación de claridad, personalidad y solidez hace que el sitio funcione como una puerta de entrada coherente al mundo profesional de Lacasagroga.net.