Skip to content

Software / Engineering

From idea to product.

I build modern websites, digital experiences and software systems using technology, AI-assisted development and practical engineering.

  • WEB
  • SOFTWARE
  • AI
  • SYSTEMS

The system

I DON'T JUSTWRITE CODE.I BUILD SYSTEMS.

Interface, contract, rules, data. Getting the layers right is what keeps a product maintainable after launch.

What I build

I BUILD DIGITALPRODUCTS.

  • Modern responsive business and portfolio websites.

    • Brand-led layouts
    • Catalogue and content structures
    • Enquiry and conversion flows

Process

HOW AN IDEABECOMES SOFTWARE.

Seven stages. The first two decide whether the other five are worth doing.

  1. 01

    UNDERSTAND

    Requirements and problem.

  2. 02

    ARCHITECT

    System structure and technical approach.

  3. 03

    DESIGN

    User experience and interface.

  4. 04

    BUILD

    Implementation.

  5. 05

    TEST

    Validation and debugging.

  6. 06

    DEPLOY

    Turn it into a usable product.

  7. 07

    IMPROVE

    Feedback and iteration.

AI + engineering

CODE FASTER.THINK DEEPER.

I use AI throughout the development process to accelerate research, implementation, debugging, documentation and experimentation.

  1. 01

    PROMPT

  2. 02

    CONTEXT

  3. 03

    AI OUTPUT

  4. 04

    REVIEW

  5. 05

    IMPLEMENT

  6. 06

    TEST

  7. 07

    REFINE

AI accelerates development. Human judgment validates the result.

Stack

THE TECHNOLOGYI WORK IN.

Kept small and current. No proficiency scores — the data lives in one file so it stays easy to update.

Code → Interface · 01 / 05

Code

function ProductCard({ product }) {  return <article>…</article>}

Interface

Add to enquiry

Engineering becomes experience.

COMPONENTA named, reusable piece

Systems

SYSTEMS TALKTO EACH OTHER.

API

The contract — what may be asked, and how.

Data

DATA IS PARTOF THE PRODUCT.

How information is modelled decides what the product can do a year later.

  1. 01

    USER

  2. 02

    APPLICATION

  3. 03

    DATABASE

  4. 04

    RESULT

idfieldvalue
01slugmatte-oak-600
02categorysurfaces
03availabilityin stock

Illustrative structure · not production data

Responsive

EVERY SCREENIS THE SCREEN.

One experience. Every screen.

  • Responsive UI
  • Mobile-first thinking
  • Performance
  • Accessibility

I DON'T BUILDTECHNOLOGYIN ISOLATION.

  1. 01

    BUSINESS PROBLEM

  2. 02

    USER NEED

  3. 03

    TECHNOLOGY

  4. 04

    PRODUCT

  5. 05

    BUSINESS VALUE

Working across development and marketing helps me understand both what needs to be built and why it needs to exist.

Principles

HOW I BUILD.

01

KEEP IT SIMPLE.

02

BUILD FOR PEOPLE.

03

AUTOMATE WHAT SHOULD BE AUTOMATED.

04

TEST WHAT MATTERS.

05

SHIP AND IMPROVE.

Lab

CURRENTLYEXPLORING.

Areas I am actively learning and experimenting in — not a list of finished projects.

  • AI APPLICATIONS
  • LLM WORKFLOWS
  • AI AUTOMATION
  • WEB EXPERIENCES
  • DIGITAL PRODUCTS
  • DEVELOPER TOOLS

Debugging

SOMETHING BROKE.

Most engineering time is spent here. Step through it.

Something broke01 / 07
  1. ERROR
  2. INVESTIGATE
  3. REPRODUCE
  4. DEBUG
  5. FIX
  6. TEST
  7. SHIP
TypeError: Cannot read properties of undefined  at rank (lib/search.ts:24:18)// empty result set was never handled

Illustration · not a live system

FAST IS A FEATURE.

  • PERFORMANCE
  • RESPONSIVENESS
  • ACCESSIBILITY
  • SEO
  • MAINTAINABILITY

Things I optimise for · no scores published here

AI architecture

WHEN SOFTWAREMEETS AI.

The model is one component in a system, not the system. Most of the engineering sits around it.

  1. 01

    USER

  2. 02

    APPLICATION

  3. 03

    AI / LLM

  4. 04

    TOOLS · DATA · KNOWLEDGE

  5. 05

    VALIDATION

  6. 06

    RESULT

THINK IT.

BUILD IT.

SHIP IT.

IMPROVE IT.

HAVE A PRODUCTIN MIND?

Let's turn the idea into a working digital experience.