The challenge

Caminos UPM (the school of civil engineering at the Universidad Politécnica de Madrid) carries two centuries of technical legacy. The challenge our sister studio mendesaltaren was brought in to solve was a repositioning: moving the school's identity from "institution" to "ecosystem," from isolated expertise to connected intelligence. That meant designing a visual and narrative system flexible enough to hold everything from doctoral research to undergraduate life, while staying rigorous enough to still feel like Caminos.

Our follow-on challenge was turning that ambitious identity into a working website without losing any of its intent. The scope was enormous: a full academic catalogue (degrees, master's programs, doctorates, courses, each with its own detail pages), research centers and labs, international programs, student life, and an entire alumni-facing business layer. Over 250 hours of frontend work, built out in 8 weeks.

The real test wasn't visual polish. It was whether a generative, motion-driven brand system could survive being turned into dozens of real templates and hundreds of real content entries without flattening into just another university site.

The client

The Escuela Técnica Superior de Ingenieros de Caminos, Canales y Puertos (UPM) is one of the oldest and most respected civil engineering schools in Spain. The project came to Tailor Hub through mendesaltaren, our sister studio within the Modulor Studios group. mendesaltaren owned the client relationship and the creative brief; Tailor Hub joined as the technical delivery partner.

The tech

mendesaltaren's system was built around a deceptively simple idea: the point. A generative dot-matrix pattern representing every student, professor, and collaborator in the ecosystem, paired with a color system that grounds warm technical grays against an electric "Caminos UPM Blue," and motion that treats the logomark as something in constant, orbit-like transformation rather than a static mark.

Tailor Hub's job was to make that system real in code, at production scale:

  • Design system in Storybook, turned into the single source of truth connecting mendesaltaren's Figma system to shippable components

  • Componentization of the generative dot-pattern, motion behavior, and the monolithic sub-brand architecture mendesaltaren defined, so dozens of departments, labs, and museums could inherit one consistent visual language instead of fragmenting into sub-brands

  • Frontend build covering the full site architecture: Home, academic catalogue with all program detail pages, research, international programs, university life, and the business/alumni network

  • Infrastructure: deployed on Netlify, repository under TailorHub-Mad/upm, task management in Jira

The culture

This case is a clean example of how the Modulor Studios group works: mendesaltaren designs the ecosystem, Tailor Hub builds it. We were brought in to prove the vision could hold up in the browser, across a huge, real academic catalogue, on an 8-week clock.

That's a different kind of value than "we designed this," and it's one Tailor Hub is comfortable claiming: taking someone else's ambitious creative system and making it componentized, documented, and reliable enough to ship without losing the thing that made it special in the first place.