Dow Jones · Wizeline · 2024

Improved system, better products

A global-scale design system. One component set for more than ten brands, from The Wall Street Journal to Barron’s and MarketWatch.

Client
Dow Jones
Studio
Wizeline
Role
Visual Designer
Year
2024
Brands
WSJ · Barron’s · MarketWatch · +7
Unified Design System components: news card, button states, negative and positive badges, Today’s Markets widget and the Dow Jones Newswires article view

01The system

When I arrived, the team was creating a system that could adapt to any of the Dow Jones brands and products.

One UDS card component rendered as the base component, as a Wall Street Journal card and as a Barron’s card

02Improving

Impressive system,
but not enough yet

I arrived to improve components and document them. I had to tweak some of them to improve their responsiveness, behavior, construction, and properties.

It wasn’t easy modifying components used in thousands of screens and files; it could be overwhelming at times, but… I did it!

Today’s Markets widget before and after: the improved version is responsive with tabs, chart and watchlist rows

03Tokens

Tokens & variables
for everything

The most impressive aspect of the Unified Design System is its ability to adapt all components to different brands in seconds thanks to the tokens applied as variables to all elements.

A button with its tokens mapped: utilityLabel010, interactiveBrand010 and inkInverse
inkBrandinkBaseinkInverseutilityLabel010interactiveBrand010interactivePositive030interfaceBackground

04A new product

A bigger challenge came when, after getting used to the system, I was part of the design of a new product.

I worked with a great team, where my role was to assess the UX team’s designs and translate the built elements into reusable and scalable components.

Dow Jones Yomiuri Shimbun Pro lockup Dow Jones Yomiuri Shimbun Pro on a MacBook Pro and an iPhone

The design team developed a customizable financial news tool in collaboration with two great players: Yomiuri Shimbun from Japan and Dow Jones in the US. In this process, I worked with the design systems team, where I was responsible for reviewing UX proposals, suggesting components, and collaborating on the creation of new components that would become part of the Unified Design System and be reused across future products.

New components: news card, tabs, filter chip, tags, snackbar and footer

05Impact

Finally… the impact of this system

I know, you love to see the numbers 😏

0Designers using the system
0Subscribers across the brands
0Productivity boost for designers
0Component instances used

Reflection

Beyond the numbers, my time at Dow Jones was a dream opportunity that allowed me to collaborate with people from across the globe, from the US to Europe and Latin America. I contributed to a design system implemented on a global scale across more than 10 products, which challenged me to raise my standards and hone my craft. This experience not only strengthened my expertise in design systems but also equipped me to deliver scalable, consistent, and high-quality user experiences for diverse markets.

Next project · Banco Davivienda · 2024

Davivienda Website Redesign

Rebuilding the information architecture, design system and product experience for Colombia’s second largest bank.

Read the case study

Let’s work together

Say hello

I’m looking for a product design team where systems matter and things ship at scale — in Canada, remote, or wherever you are. If that’s you, I’d love to hear from you.

Message me on LinkedIn ↗

Based in Colombia · Open to relocation · Remote across the Americas