The ceiling for personal design portfolios. Highest aesthetics score among portfolio sites. Style exemplar — the techniques (cursor effects, hover previews) transfer to luxury brand contexts.
Visual Style
Personality Fit
Industry Fit
Business Model
Target Audience
Conversion Strategy
The ceiling for personal design portfolios. Highest aesthetics score among portfolio sites. Style exemplar — the techniques (cursor effects, hover previews) transfer to luxury brand contexts.
Design Patterns
Non-linear portfolio navigation; work as the UI; Motion IS the design — cursor interactions, work previews, transitions are primary
Recommended Stack
Reusable Modules
- Navigation That Demonstrates Skill Before Words
- Cursor As Design Element
- Work Preview On Hover Eliminating Click Through Friction
Claude Design Prompt
Create an ORIGINAL design system inspired by the designer portfolio, experimental navigation, motion-first, craft showcase language of AW Portfolio (Antoine Wodniack) — never a copy. Palette: #0A0A0A, #FFFFFF, #FF0000, #888888, #F0F0F0. Typography: headline Custom / experimental type treatment, body Clean grotesque, accent Variable or kinetic type. Layout: Non-linear portfolio navigation; work as the UI. Motion: Motion IS the design — cursor interactions, work previews, transitions are primary. Reinterpret these signature techniques tastefully: Navigation that demonstrates skill before words; Cursor as design element; Work preview on hover eliminating click-through friction. Express a experimental, precise, unexpected, craft-obsessed personality (Creator, Magician archetype). Conversion-first, WCAG AA, dark/light ready, no scrolling marquees. Deliver design-dna.md + tokens.css.
Build Agent Prompt
Build an original, production-ready site in this design language using Custom vanilla JS or Nuxt, GSAP, Canvas. Implement: Non-linear portfolio navigation; work as the UI. Recreate these interactions (respect prefers-reduced-motion): Navigation that demonstrates skill before words; Cursor as design element; Work preview on hover eliminating click-through friction. House rules: responsive (mobile/tablet/desktop, 500px floor), WCAG AA, Lighthouse 90+, dark/light toggle, unique imagery, no marquees. Match the experimental, precise, unexpected, craft-obsessed personality.
SMB Adaptation Notes
Restaurants
Translate AW Portfolio (Antoine Wodniack)'s designer portfolio approach to restaurants: Navigation that demonstrates skill before words — adapted to menus, reservations, and location as the conversion path.
Home Services
Translate AW Portfolio (Antoine Wodniack)'s designer portfolio approach to home services: Navigation that demonstrates skill before words — adapted to trust signals, a service catalog, and a book-a-quote CTA.
Professional Services
Translate AW Portfolio (Antoine Wodniack)'s designer portfolio approach to professional services: Navigation that demonstrates skill before words — adapted to case studies, credentials, and a consultation CTA.
Automotive
Translate AW Portfolio (Antoine Wodniack)'s designer portfolio approach to automotive: Navigation that demonstrates skill before words — adapted to showroom/inventory visuals and a test-drive booking CTA.
Real Estate
Translate AW Portfolio (Antoine Wodniack)'s designer portfolio approach to real estate: Navigation that demonstrates skill before words — adapted to listings, neighborhood story, and an inquiry CTA.