
Fitness · Dark UI
PowerMax Gym
An energetic, direct multi-page presence for gyms, trainers and sports centres, with sharp CTAs and immediate navigation.
Visit the projectTemplate showcase
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
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.

Fitness · Dark UI
An energetic, direct multi-page presence for gyms, trainers and sports centres, with sharp CTAs and immediate navigation.
Visit the project
Wellness · Soft UI
A multi-page architecture with a softer, airier identity for wellness, yoga and pilates, designed to convey calm without losing clarity.
Visit the project
Coaching · Lead generation
A modern multi-page setup for presenting services, method and results, built around a clear path to getting in touch.
Visit the project
Coaching · Editorial
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.
Visit the projectCollaborations
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.