Explorations/This Website
AI + Web Design

This Website

Type: AI-Built Portfolio
Stack: HTML, CSS, Vanilla JavaScript
AI Tools: Claude Code (Anthropic)
Live: edgarandreszorrilla.com

The site you're looking at right now is itself an exploration. Every page, layout, animation, and interaction on edgarandreszorrilla.com has been shaped through conversational AI prompting — a continuous experiment in how designer intent translates through machine-assisted development.

This isn't a template or a no-code builder. It's hand-directed static HTML, CSS, and vanilla JavaScript — but the hands are working alongside Claude Code, articulating design decisions in natural language and iterating at a speed that would be impossible with traditional hand-coding alone.

What Makes This an Exploration

  • Testing the limits of conversational prompting for production-quality web design — can you art-direct a website through language?
  • Building a full multi-page portfolio (40+ pages, 300+ images) through AI collaboration without sacrificing craft or polish
  • Evolving the design system iteratively — from dark "Botanical Noir" to light gallery aesthetic — through prompted overhauls rather than manual rewrites
  • Category filtering, adaptive gallery layouts, lightbox interactions, scroll-triggered animations — all generated and refined through AI dialogue
  • SEO, structured data, and performance optimization as natural extensions of the AI workflow

The Process

The relationship between designer and AI here isn't autocomplete — it's creative direction. I bring 20+ years of design instinct, brand sensibility, and technical knowledge. The AI brings speed, consistency, and the ability to execute on complex multi-file changes in seconds. The result is a site that reflects genuine creative decisions, executed faster than any solo developer could manage.

Every conversation is an experiment in articulation: how precisely can I describe what I want? How well does the AI interpret aesthetic intent? Where does it surprise me, and where do I need to push back? This site is the living answer to those questions.

edgarandreszorrilla.com portfolio website screenshot
← Back to Explorations