Web Portfolio Building

AI-Assisted Design Workflow Case Study

Type

AI UX Case Study / Web Portfolio

Duration

Dec 2024 (5 days)

Role

Designer + AI Collaborator (Solo)

Web Portfolio Building

AI-Assisted Design Workflow Case Study

Type

AI UX Case Study / Web Portfolio

Duration

Dec 2024 (5 days)

Role

Designer + AI Collaborator (Solo)

Web Portfolio Building

AI-Assisted Design Workflow Case Study

Type

AI UX Case Study / Web Portfolio

Duration

Dec 2024 (5 days)

Role

Designer + AI Collaborator (Solo)

OVERVIEW

Challenge

Designers wanting complex web interactions face three barriers: developer dependency (2-3 weeks wait), no-code tool limitations (basic features only), or learning to code (time-intensive). There was no efficient workflow for implementing advanced features like dynamic filtering, CMS integration, and custom interactions independently.

Goal

  1. Validate MCP-based design workflow efficiency and document its limitations

  2. Implement 4 advanced features: dynamic CMS filtering, Notion sync, interactive cursor, URL parameters

  3. 3. Complete production-ready portfolio within 5 days without developer involvement

  4. 4. Establish reusable AI collaboration process for future projects

Result

70% time reduction (2-3 weeks→5 days), $0 dev cost, 4 advanced features implemented, ~200 lines TypeScript generated

Web Portfolio Building
Web Portfolio Building

personal

AI UX

AI UX

Building a shared office platform
Building a shared office platform

workground

service design

service design

The LLM UX Study
The LLM UX Study

personal

AI UX

AI UX