FinTech / HR Tech

Klarpay - Dansk Lønberegner

Et privatlivsfokuseret lønsammenligningsværktøj til det danske jobmarked med komplet skattesystemimplementering, der kører 100% i browseren.

Kunde: Internt Produkt
År: 2025
Klarpay - Dansk Lønberegner

Ydelser

Custom Web ApplicationsUI/UX EngineeringTechnical Strategy

Teknologier

Next.js 16React 19TypeScriptTailwind CSS v4ZustandTremorVercel

Udfordringen

Danske lønmodtagere, der vurderer jobtilbud, står over for et komplekst problem: at forstå den reelle forskel i nettoløn mellem muligheder. Det danske skattesystem indeholder flere komponenter, der interagerer på ikke-oplagte måder:

  • AM-bidrag (8% arbejdsmarkedsbidrag) reducerer indkomsten før andre skatter
  • Topskat (15%) træder i kraft over 640.100 kr. efter AM-bidrag
  • Kommuneskattesatser varierer fra 23% til 27,4% på tværs af 98 kommuner
  • Pensionsbidrag giver skattefradrag, der reducerer topskattegrænsen
  • §7P aktieløn tilbyder betydelige skattefordele for højtlønnede

Eksisterende beregnere var enten for forsimplede (ignorerede pensionsoptimering, aktieindkomst) eller krævede afsendelse af følsomme løndata til eksterne servere.

Vores Tilgang

Vi byggede en 100% klient-side beregningsmotor, der implementerer det komplette danske skattesystem uden nogensinde at transmittere løndata over netværket:

  • Privatlivs-først arkitektur — Alle beregninger kører i browseren ved hjælp af en valideret, isoleret skattemotor
  • Mobil-native UX — Bottom sheet drawers (Vaul) skaber en app-lignende oplevelse på mobil
  • Desktop power-user tilstand — Resizable paneler (Allotment) til side-by-side scenariesammenligning
  • Programmatisk SEO — 200+ genererede sider målrettet lønintervaller, erhverv og kommunesammenligninger
  • Fuld tosproget support — Dansk og engelsk med korrekt locale routing og hreflang alternates

Nøglefunktioner

  • Komplet Skattesystem: AM-bidrag, Bundskat, Topskat, Kommuneskat, Kirkeskat og skatteloft (52,07% max marginalskat)
  • 98 Kommuner: Nøjagtige kommunale skattesatser med regional organisering
  • Scenariesammenligning: Side-by-side "Nuværende Job vs Nyt Tilbud" analyse med delta-beregninger
  • Avanceret Optimering: §7P aktieløn skattebesparelser, pensionsbidragsoptimering, topskatgrænseanalyse
  • Øjeblikkelige Resultater: Nul netværkslatency, fungerer offline, ingen tilmelding påkrævet
  • SEO Hub-sider: 30 erhvervssider, 20 lønintervalsider, 50+ kommunesammenligninger

Resultater

  • 200+ programmatiske SEO-sider genereret fra struktureret data
  • 0 sekunder serverresponstid for beregninger (100% klient-side)
  • 85/100 teknisk SEO-score med omfattende schema.org implementering
  • 98 danske kommuner dækket med nøjagtige skattesatser
  • 2 sprog fuldt understøttet (dansk + engelsk)
  • 10+ schema.org typer implementeret (FAQPage, SoftwareApplication, Dataset, osv.)

Teknisk Implementering

Dette projekt viser moderne full-stack udvikling med det nyeste React-økosystem:

KategoriTeknologier
FrameworkNext.js 16, React 19, TypeScript 5
StylingTailwind CSS v4, Shadcn UI, Radix UI
StateZustand v5 med localStorage persistens
DiagrammerTremor v3, Recharts v3
Mobil UXVaul (bottom sheets), Motion (animationer)
Desktop UXAllotment (resizable paneler)
i18nnext-intl v4 med locale routing
AnalyticsGA4 med non-blocking event tracking
DeploymentVercel

Beregningsmotoren blev bygget med testbarhed i tankerne, hvilket gør det muligt at validere resultater mod officielle eksempler fra Skattestyrelsen og edge cases.

Skærmbilleder

Klarpay - Dansk Lønberegner screenshot 1
Klarpay - Dansk Lønberegner screenshot 2
Klarpay - Dansk Lønberegner screenshot 3
Klarpay - Dansk Lønberegner screenshot 4
Klarpay - Dansk Lønberegner screenshot 5