Front-end & digital products

The details between a screen and a product

An interface becomes useful when its controls work, its content remains readable and its states make sense. I connect visual design with HTML, CSS and JavaScript to build responsive websites, reusable components and focused web experiences.

This can be a good fit for a product concept, an interactive prototype, a portfolio or a lightweight tool. My independent projects are also a space to explore how public data and content can become more approachable interfaces.

Build around the task

We first identify the main user journey and the data or content it needs. The implementation considers normal use alongside loading, empty and error states. Navigation, forms and controls should remain understandable on smaller screens and with a keyboard.

I favour a small, maintainable stack and avoid adding application complexity where static pages and progressive enhancement meet the need.

Define the boundaries early

Hosting, external services, API limits and ongoing maintenance are discussed before delivery. Advanced backend engineering, payment systems and account infrastructure are not assumed to be part of a front-end engagement.

Explore digital products and web interface projects to see the different forms this work can take.

Explore Tonight Movie Finder and F1 Race Lab for independent applications, or read the 3D marketplace front-end guide for a step-by-step view of content and implementation.

World Data Lab brings together country profiles, historical indicators and comparison views in an editorial data experience.

If your product presents charts or public data, the guide to accessible data visualization helps define labels, alternatives, missing-data states and controls before implementation.

The guide to empty, error and loading states explains an important part of the implementation brief: how an interface communicates progress, handles unavailable results and helps visitors recover.

VesperScope explores browser-based astronomical calculations through an evening overview, interactive timeline and sky view, with the assumptions explained alongside the experience.