Catnip
open-source design system for Signicat
(dette er i prosess)
Hvilke problemer det løser
Alt på ett sted for designere, utviklere og andre
Samler alle designressurser, komponenter og retningslinjer i et sentralt system, noe som gjør det enkelt å få tilgang til nødvendig informasjon uten å måtte lete gjennom ulike dokumenter eller plattformer.
Samler alle designressurser, komponenter og retningslinjer i et sentralt system, noe som gjør det enkelt å få tilgang til nødvendig informasjon uten å måtte lete gjennom ulike dokumenter eller plattformer.
Evne til å finne informasjon raskt og effektivt
Strukturerte og godt organiserte ressurser lar designere og utviklere finne det de trenger effektivt, noe som øker produktiviteten.
Strukturerte og godt organiserte ressurser lar designere og utviklere finne det de trenger effektivt, noe som øker produktiviteten.
Retningslinjer for aktuelle temaer eller elementer med beskrivelser og lenker til Figma-filer
Gir klare og detaljerte retningslinjer for design language, bruk av komponenter, inkludert beskrivelser, eksempler og direkte lenker til Figma-filer for enkel redigering og bruk.
Gir klare og detaljerte retningslinjer for design language, bruk av komponenter, inkludert beskrivelser, eksempler og direkte lenker til Figma-filer for enkel redigering og bruk.
Tilgjengelighet for designere og utviklere
Sørger for at både designere og utviklere har tilgang til de samme ressursene og retningslinjene, noe som fremmer samarbeid og sikrer at design og implementering er i samsvar med hverandre.
Sørger for at både designere og utviklere har tilgang til de samme ressursene og retningslinjene, noe som fremmer samarbeid og sikrer at design og implementering er i samsvar med hverandre.
Forbedret konsistens på tvers av produkter
Ved å bruke et felles design system, kan team sikre at alle produkter og funksjoner har en konsistent visuell stil og brukeropplevelse, noe som styrker merkevaren og gjør produktene enklere å bruke.
Ved å bruke et felles design system, kan team sikre at alle produkter og funksjoner har en konsistent visuell stil og brukeropplevelse, noe som styrker merkevaren og gjør produktene enklere å bruke.
Raskere onboarding for nye teammedlemmer
Nye designere og utviklere kan raskt sette seg inn i selskapets designstandarder og arbeidsmetoder, noe som gjør dem produktive raskere.
Nye designere og utviklere kan raskt sette seg inn i selskapets designstandarder og arbeidsmetoder, noe som gjør dem produktive raskere.
Forbedret kvalitetssikring
Retningslinjer lar teamene redusere antall feil og inkonsekvenser, noe som fører til høyere kvalitet på sluttproduktet.
Retningslinjer lar teamene redusere antall feil og inkonsekvenser, noe som fører til høyere kvalitet på sluttproduktet.
Støtte for tilgjengelighet (accessibility)
Ved å inkludere tilgjengelighet retningslinjer i design systemet, kan team sikre at produktene er brukervennlige for personer med ulike typer funksjonshemninger, noe som utvider brukerbasen og oppfyller lovpålagte krav.
Ved å inkludere tilgjengelighet retningslinjer i design systemet, kan team sikre at produktene er brukervennlige for personer med ulike typer funksjonshemninger, noe som utvider brukerbasen og oppfyller lovpålagte krav.
Forsknings- og analysefasen
- Konkurrentanalyse, for å forstå deres open-source design systemer struktur, styrker og svakheter.
- Brukerundersøkelser og intervjuer for å samle innsikt i brukernes behov, utfordringer og preferanser.
- Jeg sammenlignet våre funn med bransjens beste praksis for å sikre at vi ligger på linje med ledende standarder.
- Jeg identifiserte nøkkel problemer og muligheter basert på analysen, som vil være avgjørende for videre designutvikling.
Idéfasen
Jeg analyserte de eksisterende illustrasjonene og benyttet beste praksis fra forsknings- og I idéfasen undersøkte jeg en system struktur som passet til det eksisterende design system, og kombinerte dette med beste praksis fra konkurrenter. Jeg undersøkte layouten for å finne den beste måten å formidle informasjon på.
Designfasen
Siden prosjektet er komplekst, kombinerte jeg utviklingen av high-fidelity wireframes for hver side med detaljert analyse parallelt.
