# Designsystemer og brukergrensesnitt

> Utvalgt arbeid fra Engineer ApS som viser Designsystemer og brukergrensesnitt — resultatene som beviser det.

- [Presenterte 200 UI/UX‑forbedringer for GIS‑kartapplikasjonen og økte inntektene 10 ganger gjennom bedre programvarefunksjoner.](https://engineer.company/nb/portfolio/presented-200-ui-ux-improvements-for-the-gis-28/)
- [Bidro i designprosessene for brukergrensesnitt og sikret intuitive, visuelt tiltalende og brukervennlige grensesnitt i prosjektene.](https://engineer.company/nb/portfolio/contributed-to-user-interface-design-processes-ensuring-intuitive-36/)
- [Designet 30 nettsteder og leverte unike og fleksible løsninger ved å konvertere Photoshop‑design til HTML.](https://engineer.company/nb/portfolio/designed-30-websites-delivering-unique-and-flexible-solutions-52/)
- [Designet et «Liquid Glass»-designsystem for iOS 26 og et kanonisk komponentregister håndhevet av lint‑regler for å hindre at brukergrensesnittet spriker.](https://engineer.company/nb/portfolio/designed-an-ios-26-liquid-glass-design-system-75/)
- [Designet produktets UI og UX fra ende til annen — katalogrutenett, doble kort- og tabellvisninger, fortløpende validering av krav og brødsmulenavigasjon.](https://engineer.company/nb/portfolio/designed-the-product-s-ui-and-ux-end-76/)
- [Bygde et flerspråklig statisk nettsted i Hugo med 108 malfiler, blant dem 53 partials, som publiserer hver side i fire representasjoner fra ett innholdstre på tre språk, og på nytt under sju fokuserte underdomener bygd fra det samme treet.](https://engineer.company/nb/portfolio/built-a-multilingual-static-site-in-hugo-126/)
- [Erstattet 27 gjengitte skriftstørrelser, der de nærmeste naboene lå 0,6 % fra hverandre, med en Major Third‑skala i seks trinn, og skrev linteren som avviser den tjueåttende.](https://engineer.company/nb/portfolio/replaced-27-font-sizes-with-a-six-step-scale-129/)
- [Førte 32 representative sider — én per mal per språk — til WCAG 2.2 nivå AA i begge fargetemaene, pluss to AAA‑kriterier, med en dokumentert samsvarsoversikt og en kontroll som forsvarer hver påstand.](https://engineer.company/nb/portfolio/took-wcag-2-2-level-aa-across-the-whole-site-130/)
- [Fant og rettet 11 feil i universell utforming som nettleseren meldte var i orden — åtte bunntekstlenker som fortsatt lå i tabulatorrekkefølgen bak pointer‑events, en scroll‑tidslinje som klippet kolofonen av tre sider, og en regelmotor som kjørte 70 av sine 105 regler.](https://engineer.company/nb/portfolio/fixed-11-accessibility-defects-the-browser-called-healthy-131/)
- [Lukket fargesystemet ved 28 dokumenterte farger med en linter som avviser en verdi som er malt, men udokumentert, dokumentert, men ikke malt, feilmålt, skrevet om som en literal, eller innenfor en perseptuell avstand på 0,02 fra en som allerede finnes.](https://engineer.company/nb/portfolio/closed-the-colour-system-at-28-colours-133/)
- [Fant ut at det lyse temaet hadde manglet et helsides overleggslag helt siden det ble skrevet, ved å kreve at begge temaene maler hver lagdelte flate med like mange lag.](https://engineer.company/nb/portfolio/found-the-light-theme-missing-an-overlay-layer-134/)
- [Gjorde innstillingen for redusert bevegelse ærlig etter å ha funnet elleve selektorer som fortsatt animerte under den, fordi en universell transition‑none‑regel taper på spesifisitet mot enhver regel med en klasse.](https://engineer.company/nb/portfolio/made-reduced-motion-honest-135/)
- [Bygde et utskriftsstilark på 637 linjer mot fire dokumenterte atferder i gjengivelsesmotorer, blant dem innfelte overskrifter som ble skrevet ut hvitt på hvitt for enhver leser med nettleseren innstilt på mørkt.](https://engineer.company/nb/portfolio/built-a-637-line-print-stylesheet-136/)
- [Kuttet stilarkpakken fra 87 KB til 31 KB ved å ta ut en base64‑kodet skrift, og fjernet 756 KB fordelt på 22 filer som ble publisert ved hver produksjonssetting og som ingenting refererte til.](https://engineer.company/nb/portfolio/cut-the-stylesheet-bundle-from-87kb-to-31kb-139/)
- [Bygde en native meldingsklient for macOS i Swift 6 og SwiftUI — 11 141 linjer fordelt på 53 filer — over C‑grensesnittet til en Rust‑kjerne lenket inn som et statisk arkiv fra en låst revisjon.](https://engineer.company/nb/portfolio/built-a-native-macos-messaging-client-in-swift-6-154/)
- [Ga hver kontroll med bare ikon i grensesnittet et navn for skjermlesere etter å ha funnet at send‑knappen ble lest opp som «arrow up circle, button», og skrev linteren som krever etiketten innen åtte linjer fra ikonet.](https://engineer.company/nb/portfolio/named-all-seventeen-interface-icons-for-screen-readers-159/)
- [Bygde et designsystem med 48 tokens på plattformens eget glassmateriale og skrev linteren som avviser et magisk tall, en hardkodet skriftstørrelse eller en animasjon som ignorerer innstillingen for redusert bevegelse.](https://engineer.company/nb/portfolio/built-a-48-token-design-system-160/)
- [Bygde selskapets ikon- og favicon‑sett fra to håndlagde tegninger, med alle avledede filer regenerert av skript og en kontroll som feiler når en avledet fil ble committet før kilden.](https://engineer.company/nb/portfolio/built-the-visual-identity-from-two-drawings-164/)

<https://engineer.company/nb/categories/design-systems/>
