Frontend, product and selected work.

This work shows how I improve product clarity, simplify complex interfaces and build usable solutions.

Professional Work

RaceCrew AI

RaceCrew AI website

Website rebuild and UX improvement

Improved the frontend structure and UX of the RaceCrew AI website to make the product clearer, more consistent and easier to navigate.

The work focused on clearer page structure, consistent presentation and a smoother public website experience.

  • Focus: structure, UI consistency, usability
  • Stack: WordPress (custom themes), PHP, HTML, CSS, JavaScript
  • Role: frontend development, UX improvements, implementation
Anonymised RaceCrew AI driver profile screen

RaceCrew AI Product UI / Driver Profile

Contributed to the frontend implementation of an Angular/Electron product interface.

The work involved translating product requirements into reusable UI and improving how complex information is presented to users.

  • Focus: frontend implementation, information hierarchy, product UX
  • Tools: Angular, Electron, TypeScript, component-based UI
  • Role: frontend implementation and UX refinement
RaceCrew AI setup workflow

Setup and workflow surfaces

Contributed to Angular/Electron interfaces that present technical information through a clear, structured user experience.

The work was iterated through feedback, with an emphasis on clarity, consistency and usability.

  • Focus: workflow UI, information clarity, complex UI simplification
  • Tools: Angular, Electron, TypeScript
  • Role: frontend implementation and UX refinement
Selected Products & Projects

Personal builds with product and ownership value.

RTSA landing page screenshot

RTSA Landing Page

Designed a landing page to present a collection of 3D creations through a clear, accessible visual experience.

The focus was on organising the content, improving visual presentation and making the collection easier to explore.

  • Focus: visual presentation, content structure, usability
  • Type: landing page for 3D creations
  • Stack: HTML, CSS, JavaScript

FreshStart Dev

FreshStart Dev is a product foundation I built from scratch, including naming, brand identity, design, development and deployment.

It reflects how I approach structure, clarity and ownership in digital products.

  • Focus: brand system, web presence, product ownership
  • Scope: strategy, identity, design, implementation, launch
  • Stack: HTML5, CSS3, Bootstrap 5, JavaScript, Netlify Forms, Google Fonts, Bootstrap Icons
Earlier Projects

Older work that still shows relevant technical foundations.

Earlier technical projects that demonstrate core frontend skills such as API integration, component structure and UI implementation.

React Weather App

React project using API data and reusable UI patterns.

React Dictionary App

React app combining definitions, phonetics and imagery using external APIs.

AI Travel Suggestion App

AI-assisted travel suggestion project focused on prompt-based destination discovery.