<- back_to_projects
~/projects/kyle-kasawski
SYS_ID: KK-101
build: delivered

Kyle Kasawski

visit_live_site↗kylekasawski.ca

Personal brand site for Kyle Kasawski — fast, clean, and fully responsive. Custom typography, smooth transitions, and a CMS-backed content structure that's easy to update.

> Design & Dev @ Illure Design
Next.jsTypeScriptTailwind CSSVercel
● case_study_loaded4 metrics  ·  2 categories
// performance_metrics
100
Performance
100
Accessibility
<1s
FCP
Live
Status
// the_challenge

Challenge

Kyle needed a personal brand site that loaded fast, looked polished on every device, and could be updated without touching code. The previous site was slow, hard to maintain, and didn't reflect his current work.

// the_approach

Approach

Built from scratch with Next.js App Router and Tailwind. Prioritized Core Web Vitals from day one — optimized images, minimal JS, smart caching. Structured content so updates are a single commit.

// the_outcome

Outcome

Site is live and performant. Kyle can update content independently and the site scores 100 on Lighthouse performance.

// key_highlights
  • ▸100 Lighthouse performance score
  • ▸Fully responsive — mobile through 4K displays
  • ▸Content structure that updates without code changes
  • ▸Deployed on Vercel with edge caching
// tech_breakdown

Frontend

Next.js App RouterTypeScriptTailwind CSS

Hosting

VercelEdge cachingImage optimization