TRESERRES necesitaba una web que representara mejor su actividad como consultoría medioambiental, facilitara la captación y pudiera mantenerse actualizada sin depender continuamente de un equipo de desarrollo. Por eso diseñamos y desarrollamos una solución a medida que integra estrategia, contenidos, identidad visual, accesibilidad y tecnología. Pero sobre todo, creamos una solución fácil de gestionar y alineada con los valores de la empresa. El resultado es una web más clara, rápida y preparada para crecer, que proporciona a TRESERRES mayor autonomía y traslada su compromiso con la responsabilidad social a su propia experiencia digital.
El reto: una web que había dejado de responder a sus necesidades
La web anterior resultaba difícil de actualizar para el equipo de Treserres. Esta falta de autonomía hacía que los contenidos quedaran desactualizados y que la presencia digital de la consultora se alejara progresivamente de la evolución de sus servicios y de sus objetivos comerciales.
Durante el análisis del punto de partida se identificó, además, que la accesibilidad no se había contemplado en la web anterior. Para una organización especializada en sostenibilidad y responsabilidad social, esta situación suponía una falta de coherencia entre sus valores y la experiencia que ofrecía su web.
La nueva solución debía resolver ambas necesidades: mejorar la comunicación y el posicionamiento de Treserres y permitir que más personas pudieran acceder a sus contenidos y servicios con autonomía.
El enfoque: un trabajo integral
El primer paso fue revisar cómo se organizaba y presentaba la información. Treserres cuenta con distintas áreas de especialización y se dirige tanto a profesionales del sector como a responsables de empresas y organizaciones. La arquitectura debía ayudar a cada público a identificar con rapidez el servicio adecuado.
Reorganizamos los contenidos, simplificamos los recorridos y creamos una página específica para cada servicio. Esta estructura permite explicar mejor cada área de trabajo, mejorar la navegación entre secciones y preparar la web para incorporar nuevos servicios en el futuro.
El trabajo de contenidos se desarrolló mediante sesiones y documentos colaborativos. Treserres aportó su conocimiento técnico y RightsWebs ayudó a transformarlo en textos adecuados para el entorno digital, con una estructura más clara y un lenguaje comprensible sin perder precisión profesional.
Una identidad visual creada para el entorno digital
Treserres disponía de logotipo, pero no de un sistema visual capaz de articular toda su comunicación digital. A partir de él desarrollamos una identidad para la web que permitiera presentar sus contenidos de manera coherente, reconocible y funcional.
El sistema se construyó con una tipografía de alta legibilidad, una gama cromática principal trabajada desde el contraste y una gama secundaria que aporta flexibilidad sin perder legibilidad. Las jerarquías sencillas y consistentes así como el apoyo visual con iconografía personalizada reducen la carga cognitiva y facilitan la comprensión. Cada decisión responde a una función: ayudar a comprender la información, diferenciar niveles de contenido y facilitar la interacción.
La accesibilidad, por tanto, no limitó la identidad de Treserres. Proporcionó criterios para construir una experiencia visual clara y coherente con su posicionamiento.
Accesibilidad integrada desde el inicio
La accesibilidad formó parte del encargo desde la estrategia hasta el código. El proyecto tomó como referencia las WCAG 2.1 en su nivel AA y aplicó criterios de accesibilidad en la arquitectura, los contenidos, el sistema visual y el desarrollo. Además, una auditoría externa permitió revisar el resultado y documentar su situación.
El trabajo no terminó con la publicación. Preparamos vídeos formativos para que la responsable de Treserres pudiera actualizar los contenidos con mayor autonomía y mantener los criterios aplicados en el proyecto.
Desarrollo a medida sobre WordPress
La web se diseñó previamente en Figma. Posteriormente se desarrolló a medida utilizando el editor de bloques de WordPress. Se utilizó un tema base sólido y ligero, concentrando toda la personalización en un tema hijo. Esto reduce el código innecesario, mejora el rendimiento y facilita las actualizaciones futuras.
La organización técnica permite crear nuevas páginas, incorporar servicios y ampliar funcionalidades sin replantear la web desde el principio. La tecnología acompaña así la evolución de la consultora en lugar de convertirse en una limitación.
Una herramienta útil para profesionales del sector
El proyecto incluyó también el desarrollo específico de un buscador de Códigos LER, una herramienta que facilita la consulta de la Lista Europea de Residuos.
Se creó un tipo de contenido específico para ello, permitiendo gestionar esta información de forma ordenada, mantener una estructura consistente y facilitar la incorporación de nuevos códigos o categorías en el futuro.
La herramienta amplía la función de la web: además de presentar la consultoría y sus servicios, ofrece un recurso de utilidad directa para profesionales vinculados con la gestión de residuos.
Más allá de la accesibilidad
Nuestro compromiso con los derechos se trasladó también a decisiones concretas de diseño y desarrollo que impactan en otras cuestiones de relevancia. Para disminuir en los posible el impacto ecológico se optimizaron imágenes y recursos, se limitaron las cargas y animaciones innecesarias y se construyó una arquitectura ligera orientada al rendimiento y la durabilidad.
Además, se implantó una solución de analítica sin cookies, que permite obtener información útil sobre el uso del sitio respetando la privacidad y evitando dependencias innecesarias.
El resultado: autonomía, coherencia y capacidad de crecimiento
Treserres dispone ahora de una web más limpia, rápida y fácil de recorrer. La nueva arquitectura presenta mejor sus servicios, la identidad visual refuerza su posicionamiento y el desarrollo facilita el mantenimiento y la incorporación de nuevos contenidos.
Pero el resultado más importante es la autonomía. El equipo puede mantener activa su presencia digital y hacerla evolucionar sin que cada actualización habitual requiera intervención técnica. Al mismo tiempo, cuenta con una web que aborda la accesibilidad de forma planificada y documentada, en mayor consonancia con los valores que orientan su actividad.