Problem

Børsen’s digital products had grown organically across editorial and commercial teams, resulting in inconsistent UI patterns and interaction behaviours across the platform.

With multiple products and user roles sharing the same interface, the lack of a shared design foundation made it harder for users to recognise interactive elements, navigate efficiently, and complete tasks, reducing overall predictability and usability.

My role

UX/UI Designer & Design System Owner

Responsible for establishing a scalable design foundation, defining interaction patterns, and ensuring consistency across products.

Approach

Focused on creating a clear and consistent design foundation across the platform:

• reviewed existing interfaces to identify inconsistencies and recurring patterns
• defined shared interaction patterns across components
• structured reusable UI components and patterns
• collaborated closely with developers to align design and implementation

Introduced consistent reusable design tokens to improve consistency across the platform.

Solution

The work focused on making the interface more predictable by establishing consistent interaction patterns and visual cues across the platform.

Interaction language

A key part of the work was defining a consistent interaction language across the platform.

Interactive elements were aligned visually and behaviourally to make them easier to recognise and use. For example, clickable elements were given a consistent, subtle corner radius to distinguish them from static content.

Component System

The component library was built to support consistency and scalability across the platform.

It included reusable components with defined states and usage patterns, enabling teams to build new features more efficiently and with greater alignment.

Consistency across context

The same components were applied across different parts of the platform, ensuring predictable behaviour regardless of context.

This created a more coherent user experience and reduced the need for custom solutions.

Impact

• Established a shared design language used across editorial and commercial products
• Enabled faster and more consistent feature development through reusable components
• Reduced need for custom solutions by providing a scalable component foundation