https://eero-kinnunen.dev / portfolio — wireframe rev 0.3
frame 00 · hero block · 100% × auto
<h1> · display / 88px

Eero Kinnunen

Frontend Engineer

I build interfaces that feel obvious — design systems, accessible components and fast, resilient web apps. Every product starts like this page does: as a rough sketch. My job is turning the sketch into something people trust.

→ view screens [btn/primary] say hello [btn/ghost]
Eero Kinnunen
img · portrait · 1:1object-fit: cover
Real photo goes here — square crop, please!
Keep the headline huge. It's the only thing people read. ✓
frame 01 · about.section

01Spec: who is this?

w: 100% · h: auto · padding: 44 / 40

Hei! I'm Eero, a frontend engineer based in Vaasa, on Finland's west coast. For the past eight years I've been the person between design and engineering — translating Figma frames into component APIs, arguing (politely) for semantic HTML, and shaving milliseconds off pages that thousands of people load every day.

I work mostly in TypeScript and React, but I care more about fundamentals than frameworks: the platform, the cascade, the accessibility tree and the network. I like small teams, short feedback loops and pull requests that are easy to review.

Outside of work I mentor junior developers through local meetups, contribute to open-source tooling, and spend far too much time sketching UI ideas on paper — which is exactly what you're looking at.

0years shipping
0products launched
0lighthouse a11y
  • a
    FocusDesign systems, component architecture, accessibility
  • b
    Based inVaasa, Finland · works remote across EU time zones
  • c
    LanguagesFinnish (native), English (fluent), Swedish (good)
  • d
    CurrentlySenior Frontend Engineer · open to new projects
  • e
    PrincipleShip the simplest thing that is accessible, fast and maintainable.
Spec sheet on the right = quick scan for recruiters 👀
frame 02 · skills.inventory

02Component inventory

grid · 3 col · gap 26

Core stack

[checkbox list]
  • TypeScript & modern JavaScript
  • React, Next.js & Remix
  • Vue 3 & Nuxt
  • Semantic HTML & modern CSS
  • Web Components
  • Node.js for BFF & tooling

Strengths

[range sliders]

Toolbox

[tag cloud]
ViteStorybookPlaywright VitestTesting LibraryGraphQL TanStack QueryZustandTailwind CSS ModulesFigmaaxe-core Web VitalsGitHub ActionsTurborepo i18nSVG
Sliders = self-rated. Ask me about the ones below 80 🙂
frame 03 · work.screens

03Screens I've shipped

4 artboards · 16:9 placeholders
hero-shot · 1600 × 900
screen A · design system2023 — now

Tilkku Design System

!62 components · adopted by 9 product teams

A themeable React + Web Components library built from a single token pipeline. I led the architecture, wrote the contribution guidelines and set up visual regression testing, so teams stopped re-inventing date pickers and started shipping features.

ReactWeb ComponentsStyle DictionaryStorybookWCAG 2.2 AA
dashboard · 16:9
screen B · data-heavy UI2022

Satama Fleet Dashboard

!50k rows at a steady 60 fps

Real-time tracking for a port logistics operator: WebSocket streams, virtualized tables and map overlays that stay responsive on ten-year-old warehouse laptops.

TypeScriptReactWebSocketsMapLibre
checkout · 16:9
screen C · e-commerce2021

Kide Checkout Rebuild

!LCP 4.1s → 1.3s · conversion +12%

Rebuilt a legacy jQuery checkout as a progressively enhanced Next.js flow. Works without JavaScript, is fully keyboard navigable and passes screen-reader audits.

Next.jsProgressive enhancementCore Web Vitals
terminal + docs · 16:9
screen D · open sourceside project

focus-scope

!~1.2 kB gzipped · 3k weekly downloads

A tiny, dependency-free focus-trap and roving-tabindex utility for dialogs, menus and toolbars. Born out of fixing the same accessibility bug in three different codebases.

TypeScripta11ynpmVitest
Swap X boxes for real screenshots before launch!
frame 04 · experience.changelog

04Changelog

table · newest first
VersionDatesRelease notes
v4.0 2022 — present

Senior Frontend Engineer

Northbay Digital · Vaasa / remote
  • Lead the frontend guild of 14 engineers and own the shared design system.
  • Cut median bundle size by 38% with route-level code splitting and a dependency audit.
  • Introduced accessibility acceptance criteria to every ticket template.
v3.0 2019 — 2022

Frontend Engineer

Kvarken Labs · Vaasa
  • Built data-heavy dashboards for energy and logistics clients.
  • Migrated a large AngularJS codebase to React + TypeScript with zero downtime.
  • Set up Playwright end-to-end tests in CI, reducing release regressions significantly.
v2.0 2017 — 2019

Web Developer

Pixelpaja Creative Agency · Turku
  • Delivered 25+ marketing sites and campaign pages for Nordic brands.
  • Created the agency's first reusable SCSS component starter kit.
v1.0 2014 — 2017

B.Eng. Information Technology

University of Applied Sciences · Vaasa
  • Thesis: "Measuring the usability cost of inaccessible web forms."
Versioned like software — because careers iterate too.
frame 05 · footer.contact

05Contact — let's sketch something

2 col · card + fields

Eero Kinnunen

Frontend Engineer

Have a product that needs a solid frontend, a design system that needs rescuing, or an accessibility audit? Drop me a line — I usually reply within a day.

[input] name
Eero Kinnunen
[input] email tywellciaptiaie@gmail.comwrite →
[input] phone +1 442 431 4773call →
[textarea] address
Muurahaistie 8
65230 Vaasa
Finland
No contact form — real humans just email or call. ☺