Mig

DAEN
Jonas Landt portrait

Æstetik • Sprog • Håndværk

Frontend designer
 Frontend udvikler

Jeg er en sprogligt orienteret frontend-specialist, som arbejder aktivt med identitet og udtryk. Jeg er optaget af semantik, typografi, form og farve. Jeg trives i spændingsfeltet mellem design og udvikling, hvor jeg kan omsætte visuelle og sproglige intentioner til levende, tilgængelige og strømlinede grænseflader.

Om mig

Jeg hedder Jonas

...og jeg har arbejdet med grænseflader, interaktivitet og æstetik, siden jeg blev uddannet Cand IT med speciale i Multimedier i 2006. Først i Flash, senere i åbne webstandarder. Jeg har udviklet alt fra undervisningsmateriale, over kampagnesites til store commerce- og content-økosystemer. Jeg har lavet købsflows, komplekse formularer og eksplorativt indhold. Jeg arbejder bedst tæt på visuelle designere og UX-designere, når et interface, et system og en digital identitet skal finde sin endelige form. Jeg tror på, at godt håndværk er synligt – i detaljer, i interaktion, i tilgængelighed, og i det sprog, vi bruger til at beskrive og formidle et produkt, og det sprog vi bygger med kode. Teknologier og trends kommer og går, men mit fundament er stadig HTML, CSS og JavaScript. Jeg er generelt uimponeret af frameworks, og jeg foretrækker at arbejde med de grundlæggende webteknologier uafhængigt af tredjepartsbiblioteker.

Værktøjer og teknologier

Jeg er pragmatiker. Jeg bruger frameworks og biblioteker, når de løser reelle problemer, men jeg foretrækker at arbejde tæt på webteknologierne selv. Det giver mig bedre kontrol, forståelse og frihed. Herunder er et udvalg af de værktøjer og teknologier, jeg har anvendt mest i de seneste år, og som jeg vender tilbage til, når kvalitet, konsistens og leverance skal hænge sammen.

React
React er blevet en uomgængelig måde at bygge moderne webinterfaces på, og det er et fundament for mange af de projekter jeg arbejder med.
Next.js
Next.js er en praktisk genvej til moderne website arkitektur. Man får routing, SSR og performance-optimering ud af boksen, og det sparrer meget kode.
TypeScript
TypeScript bringer typesikkerhed ind i et dynamisk sprog, så man undgår runtime-fejl og kan dokumentere API-kontrakter eksplicit.
Storybook
Storybook er et centralt udviklingsværktøj for mig, fordi det isolerer komponenter fra app-kompleksitet og muliggør iterativ design uden omveje.
SCSS
SCSS med nested syntax og variabler gør CSS-vedligeholdelse forudsigelig i store komponent-systemer, hvor navngivningskonflikter hurtigt kan blive uoverskuelige.
WCAG & Accessibility
Grænseflader skal fungere for alle mennesker, uanset evne eller device. Det er ikke en valgfri feature—det er et grundlæggende ansvar.
Performance
Langsomme interfaces undergraver brugeroplevelse og engagement, uanset hvor flot designet er. Performance er derfor ikke valgfrit, det er en designdisiplin.
Responsive Design
Interfaces må fungere på telefon, tablet og desktop samtidig. Mobile-first tænkning sikrer at man ikke bygger et desktop-site og derefter skrumper det.
Git & CI/CD
Jeg har arbejdet med Git til versionskontrol i mange år. CI/CD pipelines automatiserer test og deployment, så kode kommer til produktion uden manuel overhead.
JavaScript
JavaScript er fundamentet for al interaktivitet på nettet. Det er det sprog jeg vender tilbage til igen og igen, uanset hvilken framework jeg bruger.
Vue 2 + Vuex
Vue 2 var min gateway til moderne frontend-frameworks. Syntaksen er intuitiv, og Vuex giver state-management uden Redux' boilerplate.
Nuxt
Forløberen til Next.js, men med Vue 2 som fundament. Jeg har arbejdet med Nuxt på flere projekter, og det er et solidt fundament for Vue-arkitektur.
Zustand
Zustand holder state-management minimal uden Redux-boilerplate. Når man ikke behøver devtools og middleware.
CSS Modules
CSS Modules forhindrer automatisk navnekonflikter i store komponent-systemer ved at scope styles til den enkelte fil. Det eliminerer en hel klasse fejl.
Tailwind CSS
Tailwind accelererer iteration markant ved at give utility classes ud af boksen. Det er pragmatisk når prototyping er vigtigere end custom design fra dag ét.
GSAP
GSAP er det mest robuste bibliotek til komplekse animationstimelines. Når motion skal være præcis og performant, er det værktøjet jeg griber til.
Framer Motion
Framer Motion bringer Reacts deklarative tilgang ind i motion design, så animationer bliver del af komponentlogikken i stedet for separat JavaScript.
Web Audio API
Web Audio API åbner muligheder for sound design og musik direkte i browseren uden ekstern plugins.

Udvalgte projekter

Et udvalg af projekter fra de seneste år, hvor interface-håndværk, konsistens og visuel identitet skulle holde hele vejen igennem.

Muuto Product Configurator

Vedligeholdte og videreudviklede en bevægelig del af et stort design system, hvor konsistens og eksperimenter skulle sameksistere.

Sticks'n'Sushi Takeaway Menu

Byggede et kompakt sæt genanvendelige byggeklodser, der holder kommercielt indhold fleksibelt uden at miste konsistens.

Fritz Hansen Ecommerce Experience

Implementerede og forfinede premium e-commerce UI-mønstre med stærk visuel hierarki og genanvendelig frontend-struktur.

Scandlines Booking Flow

Forfinede en højtrafikeret bookingflade med stærke tilgængelighedsmønstre og vedligeholdbar frontend-arkitektur.

Samsung Climate Solutions B2B

Bidrog til en struktureret B2B-oplevelse med tydelig indholdsarkitektur og skalerbar frontend-komposition.

Designvalg i spil

Et kompakt overblik over de visuelle regler, tekniske hensyn og frontend-discipliner, der former dette website. Det tjener som et benchmark for mit eget håndværk, og som en guide til, hvordan jeg arbejder med design og udvikling i tæt samarbejde med designere og interessenter.

Teknologi i spil

Webstedet er bygget med den samme kernestak, som bærer resten af systemet.

ReactNext.jsCSS ModulesTypeScriptStorybookWCAG & AccessibilityPerformanceResponsive Design

Tag kontakt

Har du feedback, spørgsmål eller et projekt, du vil drøfte? Jeg er altid åben for en uforpligtende snak om samarbejde, design og udvikling.

Gå til LinkedIn