ÖGK

Österreichische Gesundheitskasse (ÖGK) is the largest social health insurance company in Austria. It provides coverage to 7.6 million people; regardless of their age or level of income. Unlike private insurance, coverage is not based on risk selection. And if there are changes to your circumstances, for example, you have a child, you get ill or are incapacitated and can’t work – the ÖGK still remains steadfastly by your side!

The Challenge

One design library for all

Our goal for this project was to create a central design library that is simple and understandable for all teams. A library that is quick to grasp and optimizes quality and collaboration. The adaptive design should work for all devices in the future, from app/mobile to web. The design library should be self-explanatory and clearly display and provide all content. It should also be accessible to non-designers, therefore visually clean and tidy and ready for future optimization (scalable).

Client

Österreichische Gesundheitskasse

Services

Design, UI Design, Information Architecture, Product Design, UX/UI Design, Design System

Date

2024

The Approach

UI Audit

We conducted an UI audit, the aim of which was to check the current design asset status and to draw on all available resources, such as corporate guidelines. By doing so we were able to get an overall picture of the present design and identify potential coherence errors. In addition, it allowed us to logically categorize elements and group them to ensure better clarity and structure.

ENNOstudio ÖGK Audit
ÖGK - Corporate

Figma Library

Creation of a Figma Library

In this first phase the Figma design tool is used to create a library that will serve as a linked single source of truth file for all future design projects; one which always contains the latest updates.

ENNOstudio - ÖGK Figma Library

Building Blocks

Foundations

In a design system, foundations refer to the basic building blocks that define the visual and functional principles that the entire system is based on. These serve as the core components and ensure consistency, coherence and efficiency throughout the design process. Typically these components will include the logo, typography, colors, spacing and icons.

ENNOSTUDIO - ÖGK UI

Design Building Blocks

Components

“The building blocks are to be used as finished UI components at a later stage by the designer. When a component is created, particular attention is paid to the following criteria:

– Name – All team members should have no trouble finding it. 

– Body – What the component consists of (particularly important for developers who have to build that specific component).

– Characteristics – A component can have various characteristics, such as size, color, with icon or iconless, etc.”

ENNOstudio - ÖGK Components

Building Blocks

Mobile First

When adopting a mobile-first approach, digital content and/or applications are designed for mobile devices first. Once this has been done, one then moves on to desktop or larger screen versions. Doing it this way means recognizing, in terms of usage, the increasing dominance of mobile devices and aims, therefore, to prioritize smaller screen user experience.

Colors

#4aa474

#222550

#e3e3e2

#000000

#ffffff

Font

TT Norms Pro

A Á B C D E É F G H I Í J K L M N O Ó Ö Ő P Q R S T U Ú Ü Ű V W X Y Z

a á b c d e é f g h i í j k l m n o ó ö ő p q r s t u ú ü ű v w x y z 1 2 3 4 5 6 7 8 9 0

Aa

Light

Aa

Regular

Aa

Bold

The little prince went to see the roses again: "You are not at all like my rose, you are nothing yet", he said to them. No one has tamed you and you have tamed no one. You are like my fox was. It was only a fox like a hundred thousand others. But I have made him my friend, and he is now unique in the world."

Learnings

What happens next?

Maintaining a design system requires regular reviews, feedback from users and team members, up-to-date documentation, version control for changes, consistency in design, training for the team and the promotion of continuous development. These measures allow the design system to remain relevant, consistent and user-friendly, which always results in high-quality products.

ENNOstudio - ÖGK Roadmap

Some of our work

Check out our portfolio.

Some of the memorable experiences that we already created together with our clients.

Coming Soon!

We can’t disclose any information regarding this project for now. If you want to be sure not to miss it when we publish it, drop us an email