Yleistä

Mikä Kela Design System on?

Kela Design System (KDS) on Kelan ja Kannan yhteinen suunnittelujärjestelmä, jonka tarkoituksena on sujuvoittaa käyttöliittymien ja asiakaskokemuksen parissa toimivien kehittäjien ja suunnittelijoiden päivittäistä työtä.

KDS toimii laajan tekijäjoukon työkalupakkina ja tyylikirjastona. Se sisältää käyttöliittymien digitaaliset rakennuspalikat ja yhtenäiset design-standardit, jotka tukevat käyttäjäystävällisten ja saavutettavien palvelujen kehittämistä.

Mitä Kela Design System tarjoaa?

• Valmiit React-komponentit Kelan ja Kannan käyttöliittymiin.
• Yhtenäistä tyyliä ja toiminnallisuutta rakentavat muuttujat ja kirjastot.
• Verkkopalvelujen visuaalisen ilmeen ohjeet.
• Käyttöliittymien suunnittelua viitoittavat ohjeet ja mallit.

Mitä hyötyjä Kela Design System tarjoaa?

Tekninen toimintavarmuus

Kun käyttöliittymän toteutus perustuu valmiiksi testattuihin ja validoituihin komponentteihin, myös muutosten hallinta ja virheiden korjaus on helpompaa.

Brändi ja visuaalinen ilme

Yhteisten design-käytäntöjen soveltaminen helpottaa digitaalisten palvelujen visuaalisen ilmeen ja brändin hallintaa.

Saavutettavuus

Kela Design System on suunniteltu tukemaan saavutettavien verkkopalveluiden rakentamista. Esimerkiksi komponenteissa saavutettavuus on valmiiksi huomioitu.

Kustannustehokkuus

Yhteiskäyttöisten React-komponenttien ja valmiiden tyylikirjastojen hyödyntäminen nopeuttaa ja tehostaa työskentelyä.

Yhtenäinen asiakaskokemus

Laajan tekijäjoukon yhteiset työkalut mahdollistavat yhtenäisen asiakaskokemuksen toteutumisen kaikissa digitaalisissa palveluissa.

Käyttökohteet

Kela Design Systemiä voi hyödyntää joustavasti erilaisissa käyttöliittymissä. Ratkaisut soveltuvat myös Kanta-brändin mukaisiin käyttöliittymiin. Lue lisää Kanta-teemasta.

Esimerkkejä käyttökohteista:

• Henkilöasiakkaiden palvelut Kelassa: Kela.fi(Avautuu uuteen välilehteen), OmaKela(Avautuu uuteen välilehteen), Tietotarjotin.fi(Avautuu uuteen välilehteen)
• Kanta-palvelut: OmaKanta(Avautuu uuteen välilehteen)
• Kelan sisäiset järjestelmät
• Kumppaneiden palvelut

Kela Design Systemiä voi hyödyntää myös ilman React-teknologiaan perustuvien komponenttien käyttöönottoa. Lue lisää: Käyttö ilman Reactia.

Tutustu KDS:n käyttöön