Select a language

EnglishGerman

Unlocking Efficiency and Consistency

Discover how the Solid Design System enhances your workflow by streamlining collaboration providing a sustainable foundation for all digital products at Union Investment.

AaOpen the Solid Design System documentation
TagTagTag

DD.MM.YYYY | Author

Lorem ipsum

Reload current page

1
00:00:00.000 --> 00:00:04.000
A bond unbroken, usability

2
00:00:04.001 --> 00:00:08.000
We weave the fabric of digital reality

[Chorus]
I'm here to light the path you walk, ohh
Under the stars where dreams we talk
I won't falter, steady and sure
Tryna bring joy, eternal, pure

3
00:00:08.001 --> 00:00:12.000
[Chorus]
I'm here to light the path you walk, ohh
Under the stars where dreams we talk
I won't falter, steady and sure
Tryna bring joy, eternal, pure

4
00:00:12.001 --> 00:00:16.000
[Chorus]
I'm here to light the path you walk, ohh
Under the stars where dreams we talk
I won't falter, steady and sure
Tryna bring joy, eternal, pure

5
00:00:16.001 --> 00:00:20.000
[Chorus Continuation]
Hey, Solid Components, they gleam
Usable, consistent like a dream
In the net of codes, we're threading
Creating visions that we're spreading
Solid Design System, seamless team
In this digital flow, we stream

6
00:00:20.001 --> 00:00:24.000
[Chorus Continuation]
Woven strong, a network supreme
With Solid Components, we're the dream team

What Solid DS stands for

  • Consistency Across Products

    Our commitment to consistency ensures every Union Investment product feels unified and functional. By harmonizing colors, typography, and components – while prioritizing accessibility – we deliver inclusive and cohesive experiences.

  • High-Quality Components

    We follow a rigorous iterative process to ensure quality and accessibility. Crafted for adaptability, they feature versatile slots and variants, seamlessly transforming into high-fidelity solutions for Union Investment.

  • Multi-Brand Theming

    A single library that powers a multi brand experience. By relying on unified components with native theming support, teams switch styles instantly, delivering consistent, on-brand experiences without redundant effort.

  • Streamlined Design Process

    At Union Investment we bridge design and development with reusable, well-documented components that save time and tasks. With seamless handoff and versatile options, teams can refine products while ensuring consistency and quality.

  • Keeping State-of-the-Art Standards

    Our commitment to excellence drives innovation. Continuous updates based on product needs, user feedback, and best practices ensure our library adapts quickly while remaining consistent and efficient.

Benefits for Solid DS Stakeholders

Product Owner

A reliable framework

Product owners at Union Investment benefit from a design system that provides a reliable framework for planning and cost estimation. It reduces inconsistencies, minimizes iterations, and simplifies project management by making outcomes measurable and predictable.

  • Optimized planning and cost estimation
  • Easier project management with predefined frameworks
  • Focusing on innovation by avoiding redundancy
  • Measurable results
  • Exchange and shared understanding with other disciplines
The Solid System helps us as a team to quickly and easily roll out changes regarding, for example, design or accessibility across our entire frontend, i.e., all CMS components, and thus act resource-efficiently and effectively. In my role as a Product Owner, I find this very helpful, as it allows us to avoid redundant activities with our valuable developer resources.

Martha Schick-von Flotow

Product Owner

UX Designer and Manager

Enhanced Prototyping

Designers and managers gain faster product prototyping and development through reusable libraries built on clear principles. Solid DS ensures measurable outcomes, fosters continuous improvements, and enables data-driven insights to be seamlessly integrated into future projects.

  • Standardized, framework-independent component library
  • Accessible, brand-compliant and innovative design
  • Faster product prototyping with frequent updates
  • Improved collaboration across disciplines
  • Quick adaptation to market changes
I see the Solid Design System as a key driver for taking efficiency and user experience to a new level. Standardized usability, reusable components, and significantly increased development velocity make it essential for creating outstanding web experiences.

Sebastian Schulz

UX Design Manager

Developer

A streamlined workflow

Developers gain a streamlined workflow with a design system tailored to their needs. The robust component library supports consistent, flexible implementation and scalability. It enhances efficiency, accelerates development, and fosters seamless collaboration with other teams.

  • Standardized, framework-independent component library
  • Accessible, brand-driven and innovative code standards
  • Enhanced flexibility enabled by design tokens
  • Faster product development with regular updates
  • Improved collaboration across disciplines
The Solid Design System increases my efficiency as a developer by providing accessible, reusable components that meet modern development standards and align with our corporate design. It was instrumental in implementing our new fundssearch and fundportrait applications, helping us create a modern, clean interface that enhances user experience while maintaining visual consistency.

Marc Matthiae

Software Developer

Brand Manager

Cohesive Brand Experience

Brand managers benefit from a design system that ensures consistency, CD compliance, and a consistent user experience within Union Investment. It reduces costs, improves product quality, enhances efficiency, and streamlines collaboration, supporting scalability and growth.

  • Consistency in brand identity and experience
  • Higher product quality
  • Long-term cost savings
  • Measurable results
  • Faster product development
The Solid Design System (SDS) is Union Investment's guiding framework for establishing a consistent digital brand appearance across all touchpoints. It has significantly improved our workflows – ensuring greater consistency in both visual design and user experience, while also making our processes more time- and cost-efficient.

Sandra Clemens

Senior Brand Manager

Accelerate Workflows with Solid DS

Seamless Collaboration

Solid DS by Union Investment ensures consistent, high-quality experiences through collaborative development. The team evaluates and integrates new requirements to maintain brand consistency, optimize development, and strengthen the design language.

New to Solid DS?

Dive into our resources – explore the Github repository, Figma design files, and Storybook to streamline your workflow and collaborate seamlessly. With Solid DS your team can focus on your product and business logic.

Transform your Product with Solid DS Experts

Solid Consulting

Expert support for your team and product.

Get in touch

Strategic Alignment

Your goals, built in.

Stop adapting the design system to fit your project – we align it to your business goals from the start. For measurable integration and cohesive outcomes.

Enhanced User Experience

Products your users actually want to use.

UI/UX reviews, targeted design improvements, and actionable insights – we help you turn friction into flow.

Increased Accessibility

Accessibility isn't optional.

Our audits and hands-on guidance get your product to WCAG compliance – and make it genuinely better for everyone.

Reliable Functionality

Ship with confidence.

Expert testing, debugging support, and reliability strategies so your team can move fast without breaking things.

Partner Onboarding

Get up to speed with Solid DS.

We offer a structured onboarding package for external partners working on behalf of Union Investment.

Solid DS Onboarding

Get in touch

Together, we Build Sustainability

Sustainability First

Adopting a design system at Union Investment is a step toward a greener future. By streamlining workflows and reducing redundancy we estimate that our design system can deliver potential results such as:

  • 50%
    Faster Development

    Reusable components cut time, saving energy equivalent to weeks of home office use.

  • -20%
    Maintenance costs

    Consistent components and centralized updates simplify maintenance and save energy.

  • 15 trees
    Saved anually

    Unified systems reduce redundant revisions, helping conserve natural resources.

  • -20%
    Lower CO2 Emissions

    Streamlined workflows and reduced inefficiencies help cut emissions.

Did you know that?

Our Solid DS landing page is optimized for sustainability, emitting only the amount of carbon that 6 trees can absorb in a year. This represents a significant improvement, with a carbon footprint that is estimated to be 95% lower than the average web page of similar complexity.