Skip to content
Liam Birch

Portfolio · Vol. 02Design engineer

& building the fast, technically sound systems behind them.

See the work Book a call
InterfacesSystemsPerformanceMotionExperimentsCraft

§01 Selected work

05 cases
  1. ringwise.co.za
    The Ringwise homepage, headed “We build websites that make your phone ring” in white and lime on near-black, with a field asking for your business name to get a free preview.
    The Ringwise homepage on a phone.

    01My web design studioLive

    Ringwise

    Websites that make your phone ring.

    HTML · CSS · JavaScript · Cloudflare Workers · D1 · Technical SEO

    Read the case
  2. irisns.com
    The Iris Network Systems homepage, a dark hero reading “A comprehensive network monitoring software solution” beside a dashboard screenshot.
    The Iris homepage on a phone.

    02Website rebuildLive

    Iris Network Systems

    Modern. Fast. Clear.

    React · Tailwind CSS · Vite

    Read the case
  3. klinkende-klanke.co.za
    The Klinkende Klanke site, headed “Leer Afrikaans. Reg van die begin.” beside a phone showing a colourful letter picker.
    The Klinkende Klanke site on a phone.

    03Afrikaans early-literacy appLive

    Klinkende Klanke

    Songs × phonics × tracing.

    React Native · Custom SVG tracing engine · Audio engine · Offline-first storage

    Read the case
  4. edu-font.co.za
    The Edu-Font storefront, headed “Don’t let bad fonts teach bad habits” with a R499 price and an illustration comparing letter shapes.
    The Edu-Font storefront on a phone.

    04E-commerce storefrontLive

    Edu-Aid Fonts

    Don’t let bad fonts teach bad habits.

    React · Vite · Tailwind CSS · Payments · Technical SEO

    Read the case
  5. ai-visibility.app
    The AI Visibility SEO dashboard, showing an SEO score of 82, issues over time, issue severity and a list of top issues to fix.

    05Technical SEO scannerRetired

    AI Visibility

    Real audits. Real insights.

    React · Node.js · Express · PostgreSQL · Puppeteer · Lighthouse

    Read the case
  1. 01Ringwise
  2. 02Iris Network Systems
  3. 03Klinkende Klanke
  4. 04Edu-Aid Fonts
  5. 05AI Visibility

§02 What I do

Sketch → ship

One person from the first sketch to the deployed build. Nothing gets lost in handoff.

01 / 04Interface design

Interfaces that feel obvious, not overdesigned.

Flows, layouts and interactions that make it clear what to do next. Strong hierarchy, calm typography, and motion that helps people understand instead of distracting them.

  • Clear user flows
  • Scannable layouts
  • Accessible defaults

Figma · Pen & paper · Prototyping

02 / 04Frontend development

Production-ready frontends, not just Dribbble shots.

React and Astro interfaces with reusable components, clean structure, and animation used on purpose. Code that’s maintainable, easy to iterate on and faithful to the design.

  • Component systems
  • Design–dev handoff
  • Thoughtful animation

React · Astro · Tailwind · Three.js

03 / 04Performance & SEO

Speed and structure that search engines actually like.

How a site feels and how it performs under the hood: Core Web Vitals, semantic markup and clean metadata. I built my own technical SEO scanner, so this isn’t theory.

  • Core Web Vitals
  • Semantic HTML
  • Metadata & sitemaps

Lighthouse · WebPageTest · Search Console

04 / 04Backend & APIs

Backends and data that support the UX.

Lean backends behind the interfaces I design: REST APIs, authentication and data models that match the product. Enough structure to be reliable, without over-engineering early versions.

  • RESTful APIs
  • Auth & permissions
  • Relational & document stores

Node.js · Express · PostgreSQL · MongoDB · Supabase

§03 Lab

Unfinished · Experimental

Side
quests_

Experiments, games and half-built ideas. Made for fun, shown as they are, bugs and all.

  1. 001> terminal_orders.exeBrowser horror-cooking gameUnfinished
  2. 002> loading next experiment_

§04 About

“Start from constraints and real content, ship something small, then refine.”

I mix craft with pragmatism: clean systems, clear UX, and code that can evolve. My work runs end to end, from interfaces and behaviour to data and performance, and I’ve spent 4+ years doing it for clients and for my own products.

Based in
South Africa, working remotely
Studio
Ringwise , websites for South African small businesses
Focus
Design systems, component libraries, APIs & data modelling, performance, technical SEO, motion, accessibility
Toolkit
React /Astro /React Native /Node.js /Express /PostgreSQL /MongoDB /Supabase /Three.js /Tailwind /Framer Motion /Figma /Linux / infra

§05 ContactAvailable for projects

Have a product that needs to look sharp and load fast? Tell me about it.

liam@birch.co.za
Book a call