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.

This included restructuring key pages, clarifying communication and supporting conversion through clearer layout, membership paths and user flows.

  • Focus: structure, UI consistency, conversion clarity
  • Stack: WordPress (custom themes), PHP, HTML, CSS, JavaScript
  • Role: frontend development, UX improvements, implementation

CRM, Membership and Email Flows

Improved CRM-related flows, membership logic and user communication to better connect the website experience with user access, onboarding and email communication.

This included account and access flows, newsletters and automated communication aligned with the product journey.

  • Focus: user lifecycle, CRM structure, membership flows, communication
  • Tools: WordPress, PHP, CRM/email tools
  • Context: product, marketing and user experience integration
Anonymised RaceCrew AI driver profile screen

RaceCrew AI Product UI / Driver Profile

Built the frontend for the Driver Profile from provided mockups, turning the product concept into a working Angular/Electron interface.

This involved translating product requirements into frontend decisions and a working Angular/Electron interface.

I implemented the UI, structured the frontend logic and coordinated with backend developers to define what data was needed to support the experience.

The focus was on making driver performance, scoring and profile information easier to read, interpret and act on.

  • Focus: Driver Profile UI, frontend implementation, data requirements, product UX
  • Tools: Angular, Electron, TypeScript, component-based UI
  • Role: frontend implementation, UX refinement, backend coordination
RaceCrew AI setup workflow

Setup and workflow surfaces

Designed and built the initial setup window interface, creating the frontend structure for users to review and apply setup-related changes.

I then iterated on it based on feedback to improve clarity, flow and usability.

The focus was on turning dense, technical setup actions into clearer, step-based interactions that are easier to follow and apply.

  • Focus: setup window, workflow UI, action guidance, complex UI simplification
  • Tools: Angular, Electron, TypeScript
  • Role: frontend design, implementation, iteration from feedback

Race Engineer Concept Mockup

Created an internal product mockup for a Race Engineer concept, focused on interface structure, user flow and product direction.

This work is not publicly available due to confidentiality.

  • Focus: product concept, UI structure, workflow thinking
  • Status: internal / confidential mockup
  • Role: product mockup, UX direction
Selected Products & Projects

Personal builds with product and ownership value.

Clario app screenshot

Clario

Clario is a private product I am building to explore structured workflows, product design and AI-assisted development in a practical way.

I focus on product direction, UX structure and defining how ideas turn into usable flows, using AI as part of the development process.

  • Status: private product in development
  • Focus: product direction, UX structure, workflow design
  • Approach: AI-assisted development with human-led decisions and validation
RTSA landing page screenshot

RTSA Landing Page

Designed a commercial landing page to showcase 3D creations and guide potential customers towards contact or purchase intent.

The focus was on presenting the work clearly, explaining the offer and creating a more structured commercial path.

  • Focus: visual presentation, offer clarity, commercial structure
  • 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.