Personal Website Portfolio and Personal Brand

Desktop Editing Setup

For the longest time, I had nowhere to properly put my work. It lived scattered across hard drives, client folders, and half-finished Google Docs. I needed a place to archive, present, and actually own my work. So, I did what any sane person would do... I coded a whole website from scratch.

I first learned HTML and CSS at Algonquin College while studying Interactive Media Design. That foundation gave me the confidence to build my own website - and turn a scattered mess into something intentional.


Purpose of the Site:


Brand Colours

#85c55d
Accent Green
#141414
Primary Black
#222222
Secondary Black
#d1d1d1
Neutral Gray

The palette is intentionally minimal. The deep blacks and muted grays create a cinematic, serious tone. The green adds personality - it’s bold, fresh, and uniquely mine. These colours carry across my website, videos, and branding to keep everything consistent.

Site Map

Website site map

The original plan changed — a lot. But sketching this map helped me get started. It gave me structure before I got lost in code. (Blog coming soon!)

Wireframe Prototypes

The aesthetic follows a retro-tech vibe, inspired by my YouTube channel and personal taste. It’s clean, functional, and unmistakably mine.

Mobile home page wireframe
Desktop about page wireframe

What you are currently browsing on is the final version of the site - at least until I run into another problem in my life and decide to turn it into a feature. Either way, it’s a living project.

Changelog

A living record of improvements, fixes, and fun tweaks to the site.

Skip to top