Artesanía UC

Snapshot

• Role — Frontend Engineer: I built the site's new pages.
• Scope — The public site of the Artesanía program at the UC School of Design, inside the university's wider web ecosystem.
• Outcome — Lighthouse scores of 100 performance, 99 accessibility, 100 best practices and 100 SEO.

The problem

The program's site already existed and needed new pages. The risk wasn't technical, it was one of identity: any page built outside UC's visual language reads as a foreign site pasted inside the university's own, and visitors notice even when they can't name why.

Key decisions

• Build every new page with UC's UI kit and design system — the university had already settled typography, color and components, and honoring them is what kept the new pages inside the site rather than beside it. The tradeoff: no designing to personal taste — when the kit had no component for something, the answer was to compose from what existed, not to invent one.
• Add to the existing WordPress instead of introducing a new stack — the site was live with real content, and migrating it wasn't the brief. The tradeoff: the frontend is plain CSS and JavaScript with no build step or component system, so consistency rests on discipline rather than on tooling.

Outcome

• Lighthouse in production: 100 performance, 99 accessibility, 100 best practices, 100 SEO.
• The new pages are indistinguishable from the rest of the UC site: same components, same typography, same navigation.