Web corporativa · Replataformado
Rehacer lo visible, conservar lo que funciona
Prototipo · septiembre de 2026
Mismo WordPress, misma base de datos, mismos socios y pedidos; tema propio derivado de la identidad de la asociación, cinco secciones en vez de un árbol, archivo con filtros, y las páginas de documentos regeneradas por programa en lugar de rehechas a mano.
El problema
La web se hizo para colgar informes y actas, y en eso se convirtió: cientos de páginas publicadas, la mayoría bajo una sola carpeta, muchas repetidas, casi la mitad sin enlace desde ningún menú. Y un menú de seis niveles, escrito a mano, que hacía de archivo porque la web no tenía archivo. Cada página enviaba el menú entero dos veces.
Sin una línea de estilo propio: todo eran ajustes de un tema comercial, con tipografía servida desde un tercero que nadie había elegido, siete familias de iconos cargadas a la vez y el logotipo en JPG. Cien ficheros de estilo y código por página. Y para un público de directivos, en general mayores y con poco tiempo, la web impedía ampliar la pantalla con los dedos.
Publicar el boletín semanal exigía cuatro scripts, porque no existía un tipo de contenido «informe»: cada uno era una página clonada a mano.
Lo que sí funcionaba y había que conservar: la caché, las redirecciones, cero analítica de terceros, y sobre todo los datos —socios, pedidos, entradas, cientos de documentos—.
La solución
Un prototipo navegable en vista previa privada: portada con la identidad de la asociación y el congreso destacado; cinco secciones en lugar de un árbol; archivo de informes con filtros por tipo, ámbito y año, que funciona sin JavaScript y cuya búsqueda se puede compartir por enlace; fichas de documento que dicen qué son en la primera línea y, si son de socios, ofrecen entrar en vez de un error; agenda de eventos; puerta de socios que explica qué hay dentro antes de pedir la sesión; contacto.
Y un sistema de diseño propio derivado de la marca: cuatro colores con papel fijo, neutros, escala tipográfica y espaciado, en variables CSS y en la configuración del tema.
Todo se ha construido sin tocar la web real ni una vez. Cuando el congreso lo exigió, la web real se atendió primero —con el puesto de mando— sin perder nada del rediseño.
Decisión clave
Medir antes de proponer: la cifra que decidió la estrategia —que casi todas las páginas eran la misma plantilla con dos datos que cambian— no se veía navegando; salió de contarla.
Enfoque
Cómo se abordó
-
Medir antes de proponer
Todo el diagnóstico salió de leer la web de producción sin modificarla, con fecha. La cifra decisiva —que la inmensa mayoría de las páginas eran la misma plantilla con dos datos que cambian, una portada y un PDF— no se veía navegando: salió de contarla. Eso convirtió «cientos de páginas que rehacer» en «siete que rehacer a mano; el resto se regenera por programa». Es lo que hace viable el proyecto con los recursos de una asociación.
-
Replataformar, no maquillar
Se compararon tres vías: otro tema comercial, una web desacoplada y un tema propio. El tema propio es el único que da control total del peso y del HTML, no paga licencias, deja al equipo publicar desde el editor sin código y funciona con la tienda y el área de socios tal como están. La base de datos se conserva entera.
-
Diez principios para este público, cada uno comprobable
Tres clics como máximo a cualquier documento; nada depende del ratón; texto grande y ampliable; un solo nivel de navegación, el archivo se recorre con filtros; entrar sin recordar contraseñas; cada página dice qué es en la primera línea; todo se imprime bien; presupuesto de rendimiento medido en cada entrega; lo que el equipo publica no requiere código. Uno de ellos se corrigió viendo el prototipo: decía «ni pop-ups» y la presidencia pidió un hueco muy visible para los eventos importantes. Se añadió, con condiciones que lo separan del pop-up que molesta.
-
Decidir viendo, no leyendo
Las decisiones de diseño se tomaron sobre pantallas reales, con las opciones lado a lado: dos tipografías, dos criterios de color, tres cabeceras. La primera versión era correcta y genérica; al verla se pidió más personalidad, y la segunda salió del material propio de la asociación. Cada revisión queda anotada con lo que se pidió y lo que se decidió.
-
Desviarse de la marca solo cuando se puede explicar
Los dos colores de la asociación no alcanzan el contraste que exige un texto, así que en la web se usan solo como gráfico y el texto va en oscuro. Es la única desviación consciente de la guía de marca, y está documentada. La tipografía se autoaloja: deja de enviarse la dirección de cada visitante a un tercero para cargar una fuente.
Estado y próximos pasos
Prototipo · septiembre de 2026
Prototipo publicado en la vista previa el 14 de septiembre de 2026, con una muestra real del archivo y datos anonimizados. Pendiente de revisión de la presidencia.
Lo que falta, dicho antes de que se vea: las páginas antiguas aún no migradas se ven mal bajo el tema nuevo; el archivo tiene una muestra, no el archivo entero; las cifras del sector de la portada son de ejemplo; hay textos que no existen y no se han inventado; la tienda y el área de socios conservan su aspecto actual hasta pasado el congreso. La versión completa está prevista entre octubre y noviembre, con prueba cronometrada con socios reales; el corte, a finales de año, con copia previa y vuelta atrás preparada.
El criterio de éxito está fijado antes de construir: que las seis tareas típicas de un socio se completen sin ayuda en menos de la mitad del tiempo que en la web actual.
Criterio
La decisión que guía el sistema
Medir antes de proponer: la cifra que decidió la estrategia —que casi todas las páginas eran la misma plantilla con dos datos que cambian— no se veía navegando; salió de contarla.