Keith Andrew BoccioFrontend Engineer
Side A · 33⅓ RPM

Keith Andrew Boccio

Frontend Engineer — “Interfaces, Pressed to Last”

A long-playing collection of fast, accessible and well-crafted web interfaces. Recorded in Sandomierz, Poland. Drop the needle to hear the tracklist.

Needle up — press play A1 · Waveform
0:003:42
View the tracklist Book a session →
Keith Andrew Boccio
A2 · Liner Notes

About the artist.

The story behind the record — written on the inside of the sleeve, where the good stuff always is.

Keith Andrew Boccio is a frontend engineer who treats every interface like a record that people will play over and over again. For more than eight years he has built web products where the details matter — the first paint, the keyboard flow, the way a list settles into place after a filter changes.

His work lives at the meeting point of design and engineering: translating design systems into resilient component libraries, squeezing seconds out of load times, and making sure every screen sounds right for everyone — including people using screen readers, slow phones and spotty connections.

He works mostly in TypeScript, React and modern CSS, collaborates closely with designers and product teams, and enjoys mentoring engineers on the craft of building interfaces that age well. Based in Sandomierz, Poland, he works with teams across Europe and beyond.

A3 · Tracklist

Selected tracks.

Selected projects, one per groove. Press a track to drop the needle — the record spins and the liner details open up.

No. · TitleLength
  1. A1
    Waveform — Design System
    A themeable component library of 60+ accessible React components, used by six product teams. Built on design tokens, documented in Storybook, and tested with visual regression, it cut UI inconsistencies and halved the time to ship new screens.
    ReactTypeScriptDesign TokensStorybookChromatic
    feat. Product Design 3:42
  2. A2
    Checkout at 33⅓ — E-commerce Rebuild
    A full checkout flow rebuilt with Next.js and edge rendering. Largest Contentful Paint dropped from 4.1s to 1.3s, and conversion on mobile rose by 18%. Includes progressive form validation and offline-safe cart state.
    Next.jsEdge SSRWeb VitalsZod
    feat. Growth Team 4:18
  3. A3
    Signal / Noise — Real-time Analytics Dashboard
    A live-data dashboard streaming thousands of events per second over WebSockets, with virtualized tables and canvas-rendered charts that stay at 60fps. Fully keyboard-navigable, with screen reader summaries for every chart.
    ReactWebSocketsD3CanvasTanStack
    feat. Data Platform 3:15
  4. A4
    Open Mic — Accessibility Overhaul
    Brought a public booking platform from failing audits to WCAG 2.2 AA. Introduced automated axe checks in CI, rebuilt focus management for modals and menus, and ran workshops so the whole team could keep it that way.
    WCAG 2.2ARIAaxe-corePlaywright
    feat. QA & Design 4:01
  5. A5
    Offline Sessions — Progressive Web App
    A field-service PWA for technicians that works without a signal: service-worker caching, IndexedDB sync queues and background sync. Installed on 3,000+ devices and replaced two native apps.
    PWAService WorkersIndexedDBVue 3
    feat. Operations 3:27
  6. A6
    Micro Grooves — Micro-frontend Migration (bonus track)
    Split a legacy AngularJS monolith into independently deployed React micro-frontends using Module Federation — shipped gradually, route by route, with zero downtime and a shared design-token layer.
    Module FederationViteMonorepoCI/CD
    feat. Platform Eng. 2:54
Total running time 21:37
B1 · Genres

Genres & influences.

The crates he digs through every day — sorted by genre, with levels read straight off the VU meter.

Core genre

Modern JavaScript

The main rhythm section: typed, tested, and built to scale.

  • TypeScript Headliner
  • React & Next.js Headliner
  • Vue 3 Regular
  • Node.js tooling Regular
Melody

CSS & Interface Craft

Layout, motion and design systems that hold their tune at every size.

  • Modern CSS / Grid Headliner
  • Design Systems & Tokens Headliner
  • Motion & Animation Regular
  • Figma handoff Regular
Production

Quality & Performance

The mastering stage: fast, inclusive and reliable releases.

  • Accessibility (WCAG) Headliner
  • Web Performance Headliner
  • Testing (Vitest, Playwright) Regular
  • CI/CD & Monorepos Regular
Also in the crate GraphQLTailwind CSSViteStorybookD3.jsWeb ComponentsPWAi18nGitMentoring
B2 · Discography

Discography.

Every studio album so far, newest pressing first. Hover a sleeve to pull out the record.

Senior Frontend Engineer

2022 — Present

Released on Northwave Commerce · Remote

  1. Leads the frontend guild across four squads and owns the Waveform design system.
  2. Rebuilt checkout on Next.js, cutting LCP by 68% and lifting mobile conversion by 18%.
  3. Set up performance budgets and accessibility checks in CI for every pull request.
Studio album · Headliner

Frontend Engineer

2019 — 2022

Released on Pulse Analytics · Kraków, Poland

  1. Built the real-time analytics dashboard that kept 60fps with streaming data.
  2. Led the migration from AngularJS to React micro-frontends without downtime.
  3. Mentored four junior engineers and started the team's code review guild.
Studio album · Full band

Web Developer

2017 — 2019

Released on Studio Kolektyw · Digital agency

  1. Shipped 25+ responsive marketing sites and campaign microsites for retail and culture clients.
  2. Introduced a shared SCSS component kit, cutting build time per project by a third.
Collaborations · Session work

Junior Frontend Developer

2016 — 2017

Released on Brightline Software · First pressing

  1. Built UI features for an internal CRM with jQuery and later Vue.
  2. Discovered a lifelong love of accessible markup and well-named CSS classes.
Debut EP
B3 · Booking

Book the next session.

Management, bookings and collaborations — the back of the sleeve has every detail you need.

Keith Andrew Boccio

Frontend Engineer
Taking bookings for new projects

Got a track that needs producing?

Whether it's a design system, a performance rescue or a new product from scratch, Keith is happy to talk. Send an email or call — he usually replies within one working day.

Send an email Call +1 701 885 0315