h4dm es una asesoría especializada en análisis y estrategia que trabaja con la alta dirección de organizaciones públicas y privadas. Su web necesitaba reflejar ese posicionamiento: rigor, sobriedad y una navegación que no estorbara. El encargo a Colorvivo fue claro, querían un gestor de contenidos sobre WordPress que ellos mismos pudieran mantener, con varias secciones activas (Noticias, Servicios, Empleo) y un acabado minimalista que diera protagonismo al texto.
El reto: una web institucional que no parezca una web institucional
Las webs corporativas de consultoría suelen caer en dos extremos. O se cargan de stock photography y frases vacías sobre liderazgo, o se quedan en una landing plana que no comunica nada. h4dm pedía un punto medio difícil, transmitir solvencia profesional sin perder claridad, y poder publicar contenido propio (informes, ofertas de empleo, novedades) sin depender de la agencia para cada cambio.
El equipo del cliente no tenía perfil técnico. Cualquier solución basada en flujos complicados o en plugins poco estables iba a generar fricción a las pocas semanas. Por eso WordPress fue la base lógica: tipo de contenido bien diferenciado, editor familiar y posibilidad de delegar la publicación sin formación extensa.
La solución: WordPress como CMS, no como plantilla
El proyecto se planteó como un desarrollo a medida sobre WordPress, no como una instalación de tema premium con retoques. Esa distinción importa porque marca el resultado final. Cuando partes de un theme cargado de funciones que no vas a usar, acabas con un panel de administración confuso y una web lenta. Aquí pasó lo contrario.
El frontend se construyó con la intención de quitar más que añadir. Pocas tipografías, paleta reducida, retículas amplias y bloques bien jerarquizados. Esa decisión no es solo estética: cada elemento eliminado del DOM y cada script descartado se traducen en menos peso, mejor First Contentful Paint y una experiencia más fluida en móvil. Sobre cómo el minimalismo influye en el rendimiento real lo desarrollamos en el impacto del diseño minimalista en la velocidad de carga.
Secciones activas y publicación delegada
Tres áreas requerían lógica propia y por eso se modelaron como custom post types o como categorías diferenciadas, según el caso:
- Noticias. Para que h4dm publique análisis y notas de actualidad sin que se mezclen con el resto de contenido del sitio. Listado paginado, ficha individual con fecha visible y enlaces internos a servicios relacionados.
- Servicios. Cada línea de trabajo (estrategia, análisis, asesoramiento a dirección) tiene su propia ficha, con descripción detallada y CTA de contacto. Ese formato permite posicionar por intención de búsqueda específica, no solo por la home.
- Empleo. Sección viva, con altas y bajas frecuentes. Se preparó un flujo en el que el cliente puede crear, editar y archivar ofertas en pocos clics, sin tocar plantillas.
Menú flotante: la decisión más comentada del proyecto
El menú principal se desarrolló como un sticky header, fijado en la parte superior y con un comportamiento depurado al hacer scroll. La idea era doble. Por un lado, que el visitante pudiera saltar entre Servicios y Noticias sin volver al inicio. Por otro, mantener la marca presente sin invadir el espacio de lectura.
Esta decisión no es automática ni gratis. Un menú fijo mal calibrado tapa contenido, rompe la jerarquía visual o genera saltos en móvil. En el caso de h4dm el menú se diseñó con altura mínima, contraste suficiente y comportamiento estable cuando aparece el teclado virtual. El debate sobre cuándo conviene este patrón y cuándo perjudica la experiencia lo recogimos en menús sticky: cuándo mejoran la navegación y cuándo perjudican la UX.
Por qué WordPress fue la elección correcta
En el momento del proyecto se valoraron varias alternativas, desde un CMS headless hasta una solución estática con repositorio Git. Ninguna encajaba con el perfil del cliente. h4dm no necesitaba un equipo técnico permanente, necesitaba publicar contenido sin pedir permiso. WordPress sigue siendo la respuesta más razonable cuando el principal usuario de la administración es un perfil no técnico, como repasamos en los mejores gestores de contenidos y WordPress como líder.
El otro factor fue el coste de mantenimiento a medio plazo. Un CMS propietario habría dejado al cliente atado a un proveedor concreto. Una solución estática habría obligado a aprender Markdown y flujos de despliegue. WordPress, con un buen alojamiento gestionado y un mantenimiento básico, cubre los próximos años con un coste predecible.
Aprendizajes que aplicamos a otros proyectos similares
Tres ideas se quedaron del trabajo con h4dm y aparecen en proyectos posteriores de consultoría y servicios profesionales:
- Diseñar primero el panel de administración. Si la persona que va a publicar no entiende el editor, da igual lo bonito que sea el frontend.
- Limitar opciones por defecto. Es mejor un theme con cinco patrones bien hechos que veinte mal documentados.
- Tratar el menú como contenido. Cada cambio en la arquitectura se discute con el cliente, no se da por hecho.
Preguntas frecuentes
¿Por qué desarrollar un CMS sobre WordPress en vez de usar un theme premium?
Un theme premium cubre escenarios genéricos pero arrastra funcionalidades que no se usan, lo que penaliza el rendimiento y complica el mantenimiento. Un desarrollo a medida sobre WordPress mantiene la flexibilidad del CMS y permite optimizar tanto el panel de administración como el frontend para el cliente concreto.
¿Cuánto tarda un proyecto de este tipo?
Depende del alcance, pero un sitio corporativo con tres secciones dinámicas y diseño minimalista suele moverse entre seis y diez semanas, contando análisis, diseño, desarrollo, contenidos y formación al cliente.
¿Un menú flotante es siempre buena idea?
No. Funciona en sitios con jerarquía amplia y secciones que el usuario consulta a menudo. En landing pages cortas o en sitios muy verticales acaba molestando más que ayudando. La regla práctica es probarlo en móvil con contenido real antes de confirmarlo.
¿Quién mantiene la web después de la entrega?
El cliente publica contenidos por su cuenta. El mantenimiento técnico (actualizaciones, copias de seguridad, monitorización) lo asume la agencia mediante un servicio recurrente, lo que evita problemas habituales como webs sin actualizar durante años o caídas sin diagnóstico.
