Streamlined Design for Pension Platforms

Developing a Consistent Design and Unified System to Streamline All Velliv Platforms

Challenge

When I joined Velliv, one of Denmarks biggest pension companies, each platform – payment systems, broker tools, investment guide, and apps – had inconsistent styles.

The different designs were created and stored using Sketch, InVision, InVision Studio, After Effects, and Abstract.

This not only made it challenging for users to navigate between platforms but also increased maintenance costs for the company.

Goals

Create Design system

Create a unified design system that integrates seamlessly across all platforms.

Goal2

Design All Velliv's Platforms
using the system

Design and implement the user interface for all Velliv’s digital platforms

My responsibilities

  • Led the design efforts across all Velliv platforms, including:
    • Payment System
    • Customer App
    • Customer Desktop Platform
    • Meeting Booking Platform
    • Investment Guide

    • Brokers tool

  • Developed a unified design system to streamline workflows and ensure consistency across all platforms.
  • Collaborated with the UX team to test and refine designs based on user feedback.

  • Provided detailed guidance and feedback to the developers to ensure accurate implementation of the designs.


Design toolkits

figma

Design research and approach

1. Find inspiration

Conducted desk research to explore how the overall design could look.

2. Create Three Design Versions

Developed three different versions of the design to explore various approaches and styles.

3. Use Inspiration from Available Design Systems

After finding the look and feel for the platform, I explored existing design systems for inspiration with Material Design as a key reference.

Final Result

Design system

I created a design system with written rules specified for the developers. It includes guidelines for components, typography, colors, spacing, and interactions, making it easier for developers to implement the designs consistently across all platforms.

Spacings

Design on all platforms

I created the entire Vellivs platform from the design. The video below showcases all the platforms, providing a clear overview of the designs in action. It highlights the user interface, functionality, and the overall consistency achieved through the unified design system.

Key learnings and outcome

  • I’ve created a design system with reusable components that is cost-efficient, reduces time spent on both design and development, and is easy to maintain.

  • I created consistent visual identity across all platforms. 

  • Simplified the system to the point where UX designers can create prototypes and conduct user tests.
© Pi Bartholdy