Domingo Torres: rediseño WordPress responsive y CMS

A finales de 2018, Domingo Torres llegó con una petición clara: renovar su web corporativa, pasarla a diseño responsive y poder editar él mismo los contenidos sin llamar al desarrollador cada vez que cambiaba un servicio o subía una pieza al catálogo. La empresa, dedicada desde hace casi treinta años a la forja artística, la fundición ornamental y la cerrajería de autor, tenía un sitio que cumplió en su momento pero se había quedado fuera de juego en móviles. Y eso, en un sector donde el cliente final busca proveedor muchas veces desde el coche, ya pesaba.

Mockup desktop y móvil del rediseño de la web de Domingo Torres
Domingo Torres: rediseño WordPress responsive y CMS 2

Quién es Domingo Torres

Domingo Torres es una empresa española del sector metalúrgico que lleva décadas fabricando y distribuyendo artículos de forja artística, fundición ornamental, latón, herrajes y acero inoxidable. El catálogo se mueve entre dos mundos: por un lado, la decoración (apliques, herrajes, tiradores, piezas para mobiliario antiguo y restauración); por otro, la cerrajería artística para puertas, rejas, pasamanos y cerramientos.

Además del taller y la red comercial tradicional, Domingo Torres opera la tienda online www.tiendadeforja.com, un proyecto eCommerce sobre PrestaShop que abordamos en paralelo y del que hablamos en un caso de éxito específico.

El reto: una web que se entendiera con el cliente final

Cuando Domingo nos planteó la renovación, sobre la mesa había tres frentes claros:

  • Imagen desactualizada: el diseño anterior nació para escritorio y se notaba. En móvil, el contenido se rompía y la navegación obligaba a hacer zoom para leer cualquier pestaña.
  • Imposibilidad de editar contenidos: cualquier cambio (un nuevo servicio, una variación en la política de empresa, añadir piezas a la galería) pasaba por el desarrollador. Eso enlentecía el día a día y disuadía de actualizar.
  • Falta de coherencia con la tienda online: el cliente que aterrizaba en la web corporativa y luego saltaba a la tienda no percibía continuidad de marca.

A esto se sumaba un perfil de visitante con expectativas muy concretas: arquitectos, decoradores, restauradores y particulares que llegan buscando piezas para un proyecto. Quieren ver acabados, encontrar el contacto rápido y, si interesa, pasar al catálogo de venta.

Diagnóstico previo al rediseño

Antes de tocar nada, revisamos la web original y el comportamiento real de las visitas. Tres cosas saltaron a la vista:

  1. Más del 50% del tráfico llegaba ya desde móvil, y el sitio no estaba preparado para esa pantalla. La tasa de rebote en móvil duplicaba la de escritorio.
  2. Los menús no reflejaban el negocio: las secciones más visitadas estaban a dos clics de la home, mientras que páginas casi residuales ocupaban el menú principal.
  3. La galería era estática: cada nueva pieza implicaba editar manualmente la maquetación. Resultado: la galería llevaba meses sin actualizarse.

Con eso claro, el rediseño no podía limitarse a un lavado de cara. Tocaba reordenar la información y, sobre todo, dejar al cliente la herramienta para mantener viva la web por su cuenta.

La solución: rediseño responsive y gestor de contenidos en WordPress

Optamos por WordPress como base por una razón muy práctica: Domingo y su equipo iban a editar la web a diario, y necesitaban un panel familiar, con curva de aprendizaje corta, donde añadir páginas, subir imágenes y mover bloques sin riesgo de romper nada. Sobre esa base, el trabajo se dividió en cuatro bloques.

1. Diseño responsive

Reescribimos toda la maquetación para que funcionase igual de bien en escritorio, tablet y móvil. La home se ordenó alrededor de tres prioridades: quiénes son, qué hacen y cómo encontrarles. Tipografías más legibles, contraste alto, fotografías a sangre y un menú que en móvil se pliega para no comer pantalla.

2. Arquitectura de contenidos

Reordenamos las secciones según el peso real de visitas y la lógica del negocio. La estructura final cubre las áreas básicas de una web corporativa: servicios, política de empresa, galería de trabajos y contacto. Cada bloque tiene su propio nivel jerárquico y, dentro, las páginas se agrupan por familia de productos para que el visitante no se pierda.

3. Galería editable

Sustituimos la galería estática por un módulo dinámico en el que cargar fotos nuevas es tan simple como editar una entrada. Se subieron las series existentes (forja artística, fundición ornamental, herrajes, latón, acero inoxidable) y se dejó preparado el flujo para que cualquier pieza nueva apareciera en su categoría sin tocar plantilla.

4. Gestor de contenidos a medida

El CMS por defecto de WordPress se quedaba corto para algunas necesidades específicas: campos personalizados por familia de producto, marcado para destacar piezas en la home y gestión de bloques editables sin tocar HTML. Aquí entró el desarrollo a medida: usamos Advanced Custom Fields para definir los campos del catálogo, plantillas propias para cada tipo de página y un panel administrativo simplificado donde solo aparecen las opciones que el equipo necesita. Lo que no se usa, no se enseña: menos botones, menos errores de edición.

Continuidad con la tienda online

Aunque la web corporativa y la tienda online viven en dominios y plataformas distintas (WordPress en colorvivo gestionada y PrestaShop en la tienda), unificamos identidad visual y discurso. El visitante que entra por una y salta a la otra reconoce la marca: paleta cercana a los tonos del metal envejecido, tipografías comunes y estructura de cabecera y pie alineadas. El detalle del proyecto eCommerce, con la migración y los retoques de UX, lo contamos en el caso de Tienda de forja.

Resultados y aprendizajes

Tras el cambio, lo que cambió en el día a día del cliente fue tan importante como lo que cambió en métricas:

  • Edición sin intermediarios: el equipo de Domingo Torres pasó de pedir actualizaciones puntuales a refrescar galería y servicios por su cuenta. La web volvió a estar viva.
  • Mejora visible en móvil: el sitio responde bien en pantallas pequeñas, lo que se traduce en sesiones más largas y menos rebote en el primer pantallazo.
  • Mantenimiento más sencillo: al unificar plantillas y eliminar maquetación manual, las actualizaciones de contenido dejaron de generar bugs colaterales.

A nivel proyecto, sacamos tres aprendizajes que aplicamos a otros encargos posteriores como Muebles El Relleno o Filatelia Hobby:

  1. El gestor lo decide todo a medio plazo. Una web bonita pero difícil de actualizar acaba descolgándose en seis meses.
  2. Responsive no es opcional ni siquiera en B2B. El comprador profesional también busca proveedor desde el móvil.
  3. Menos opciones en el panel = menos errores. Limitar el WordPress administrativo a lo que el cliente realmente necesita reduce el soporte y agiliza el trabajo.

Si estás pensando en una operación parecida (rediseño responsive sobre WordPress con catálogo editable), conviene pararse antes a definir qué partes deben ser editables, quién va a editarlas y con qué frecuencia. La revisión previa que hicimos en este proyecto encaja con los puntos del artículo 9 requisitos para crear una web profesional que funcione.

Preguntas frecuentes

¿Qué tipo de web es la de Domingo Torres?

Es una web corporativa en WordPress, con secciones de servicios, política de empresa, galería de trabajos y contacto. Está pensada para que clientes profesionales (decoradores, arquitectos, restauradores) y particulares conozcan el catálogo y, si quieren comprar, puedan saltar a la tienda online tiendadeforja.com.

¿Por qué se eligió WordPress y no otro CMS?

Porque el equipo iba a editar contenidos a diario y necesitaba un panel familiar y bien soportado. WordPress permite además personalizar campos (con Advanced Custom Fields) y plantillas para que cada familia de productos tenga su propia ficha sin tocar código.

¿La web corporativa es la misma que la tienda online?

No. La web corporativa, en WordPress, vive en su propio dominio. La tienda online tiendadeforja.com es un proyecto eCommerce independiente sobre PrestaShop. Comparten identidad visual y discurso, pero cada plataforma se eligió por sus puntos fuertes: WordPress para contenido editorial y PrestaShop para venta directa.

¿Qué incluye el rediseño responsive frente al diseño antiguo?

El rediseño reescribe toda la maquetación para escritorio, tablet y móvil, con menús adaptables, tipografías legibles en pantallas pequeñas, imágenes optimizadas y bloques que se reordenan según el ancho disponible. El diseño anterior nació pensado solo para escritorio y se rompía en móvil.

¿Se pueden subir piezas a la galería sin programar?

Sí. La galería se rehízo como módulo dinámico dentro de WordPress: cualquier persona del equipo puede subir una foto, asignarle categoría (forja, fundición, latón, herrajes, acero) y aparecerá en la sección correspondiente sin tocar plantilla.

¿Cuánto se tarda en mantener una web así al día?

Depende del volumen de novedades, pero en proyectos de este tamaño el mantenimiento mensual está pensado para que con dos o tres horas al mes el equipo cubra actualización de catálogo, revisión de páginas y subida de fotografías. Las tareas técnicas (plugins, copias, núcleo de WordPress) las gestiona Colorvivo.