Template showcase

My portfolio projects, with a clear visual identity

This page gathers a selection of my portfolio 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.

Portfolio templates

A selection of my portfolio projects

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

Three of them 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. The fourth, Giulia Vital Fit, is a bilingual landing page aimed at a single action. All four 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
Visit the project
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
Visit the project
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
Visit the project
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
Visit the project

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.