Portfolio

My projects, with a clear visual identity

This page gathers a selection of my projects, built to explore different approaches to design, layout and interaction. Each one shows how front-end technologies can bring complete, polished, well-optimized sites to life.

Through the live demos you can browse and explore each project in its real context, testing the responsive experience on both desktop and mobile. The full sources and structures of these projects are available in my Etsy shop, ready to serve as a starting point for your own work.

I built them myself, with the same approach as the rest of the site: HTML, CSS and JavaScript written by hand, no framework and no bought theme underneath. The demos below are online and browsable, so before buying anything you can open them, try them on your phone and read the code straight from your browser. If you want to know who's behind them before deciding, I explain that on the About page; and in UI Components you'll find commented code for elements of the same kind — navbars, forms, cards — free to read.

Selected work

A selection of my projects

Six different visual directions, each with an interactive demo you can browse full screen.

Four are multi-page sites: PowerMax Gym for gyms and sports centres, with a dark interface and sharp calls to action; Mind & Motion for wellness, with light and dark themes; Alex Personal Trainer, built around collecting enquiries; and Giulia Vital Fit, a bilingual landing page aimed at a single action. Sora Therapist and Avena Dietetics add two one-page landing pages for wellness and nutrition professionals. All six are responsive, and the quickest way to check that is to open a demo on your phone.

Responsive preview of the PowerMax Gym template

Fitness · Dark UI

PowerMax Gym

An energetic, direct multi-page presence for gyms, trainers and sports centres, with sharp CTAs and immediate navigation.

  • Multi-page
  • Responsive
  • Conversion
Live demo
Responsive preview of the Mind and Motion template

Wellness · Soft UI

Mind & Motion

A multi-page architecture with a softer, airier identity for wellness, yoga and pilates, designed to convey calm without losing clarity.

  • Multi-page
  • Responsive
  • Light & dark
Live demo
Desktop preview of the Alex Personal Trainer template

Coaching · Lead generation

Alex Personal Trainer

A modern multi-page setup for presenting services, method and results, built around a clear path to getting in touch.

  • Multi-page
  • Responsive
  • Contact
Live demo
Preview of the Giulia Vital Fit template home page

Coaching · Editorial

Giulia Vital Fit

An editorial landing page with section-based navigation and a bilingual system for women's fitness coaching, designed to guide the visitor towards making contact.

  • Landing page
  • Bilingual
  • Results
Live demo
Preview of the Sora Therapist template for massage therapists and bodywork studios

Massage · Wellness

Sora Therapist

A one-page landing page for independent massage therapists and boutique bodywork studios, with treatments, pricing, FAQs, an enquiry path and six light/dark colour palettes.

  • Landing page
  • Responsive
  • 6 palettes
Preview of the Avena Dietetics template for dietitians and nutrition practices

Nutrition · Editorial

Avena Dietetics

A one-page landing page for dietitians and nutrition practices, with services, pricing, specialisms, practitioner profile, testimonials, FAQs and an enquiry form.

  • Landing page
  • Responsive
  • 6 palettes

Collaborations

Got a project to build?

If you're after a site with a defined visual direction and a structure built around your own content, we can work out a dedicated solution together.