Downtown

Senior UI designer

www.tweedsmuir.scot

In the Design system team is aligning the look and feel across all business platforms.

/About the project

The Royal London Design System brings together a scattered design language, creating consistency without stifling creativity. It’s a work in progress—constantly evolving to meet the needs of different teams. By stepping away from a rigid front-end framework, the system becomes more adaptable. Of course, this means balancing flexibility with control—a challenge that requires ongoing tweaks and collaboration. It acts as a shared foundation for designers and developers, making prototyping easier and UI components more consistent. But adoption takes time, and ensuring it genuinely supports everyone’s workflow is an ongoing process. My work spans governance, component architecture, design tokens, and process optimisation—constantly refining the system to make it genuinely useful rather than just another set of rules.

/Intro

Downtown briefing gif animation

The goal: multibrand & multiplatform

Multibrand and multiplatform. //Adapt and implement UX and accessibility research to create intuitive and flexible components and patterns. Communicate consistently and cohesively a unified message.

Foundations, components and guidelines

Creating the elements that made the system was essential to give it shape, and to integrate the main values and goals of the brand. Starting with Foundations (including tokens) and followed by the Components Library all supported by through Guidelines.

Gif showing a bite in an apple revealing the ny landscape

/Second section

Downtown camera gif animation

The goal: multibrand & multiplatform

Multibrand and multiplatform. //Adapt and implement UX and accessibility research to create intuitive and flexible components and patterns. Communicate consistently and cohesively a unified message.

Foundations, components and guidelines

Creating the elements that made the system was essential to give it shape, and to integrate the main values and goals of the brand. Starting with Foundations (including tokens) and followed by the Components Library all supported by through Guidelines.

Downtown Marilyn showcasing the layers of the motion graphics composition, showing marylin
Downtown Phone and the question why showcasing the layers of the motion graphics composition
Downtown D showcasing the layers of the motion graphics composition, showing a letter D
Downtown showcasing the layers of the motion graphics composition, showing a guy with a casette over a graffitied train
Downtown showcasing the layers of the motion graphics composition, showing the quote hola downtown
Downtown showcasing the layers of the motion graphics composition, showing the quote hiperactividad creativa
Gif showing a W letter masking pictures of ny

/Gifs

Downtown graphic design gif animation
Downtown motion graphics gif animation
Downtown creativity gif animation
Downtown printer gif animation

/Intro

Downtown policemen in the underground photograph

The goal: multibrand & multiplatform

Multibrand and multiplatform. //Adapt and implement UX and accessibility research to create intuitive and flexible components and patterns. Communicate consistently and cohesively a unified message.

Foundations, components and guidelines

Creating the elements that made the system was essential to give it shape, and to integrate the main values and goals of the brand. Starting with Foundations (including tokens) and followed by the Components Library all supported by through Guidelines.

/My take

Crafting a design system from scratch taught me that true cohesion goes beyond aesthetics—it’s about system thinking, adaptability, and structured collaboration. Some decisions feel fundamental at the time, but nothing is set in stone. Evolving, iterating, and embracing change is key. Building a system that balances structure with flexibility is both a technical challenge and a creative one—but when it works, it empowers teams to design with confidence and build at scale.

Downtown car gif animation