Vibe Coding · AI Skills · Portfolio

Vibe Coding this Website

I'm a Marketer, Not a Developer. I Built This Website Anyway.

This very portfolio is the case study: designed, built and shipped 100% by me through vibe coding with AI — no developer, no template, no compromises.

Role
Designer, Builder & Marketer
Period
2026
Platforms
Lovable · AI-assisted development

The challenge

Marketers talk about AI — I wanted proof I can actually build with it, not just brief it.

A portfolio site has to be fast, accessible, on-brand and genuinely mine.

The strategy

Treat the site like a client project: brand identity first, then structure, then polish — with AI as my build partner.

Ship iteratively: real content, real case studies, refined in public.

The execution

Designed and built this entire site through vibe coding — every section, animation and interaction.

Directed the AI like a creative director: clear briefs, tight feedback loops, high standards.

Build processPlaceholder — behind-the-scenes screenshots to be added.
Design iterationsPlaceholder — earlier versions to be added.

The results

100%

Of this website vibe coded by me, with AI

0

Developers involved

What I learned

  • AI doesn't replace taste — it amplifies it. The brief is the skill.
  • The best way to understand AI's limits is to build something real with it.