AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Career

UX Portfolio Design

Create a compelling UX portfolio structure with case studies, project presentation, and storytelling.

Prompt

Design a UX portfolio for [your name/role]. Include:

1. Portfolio Structure
   - Homepage/landing page
   - About page
   - Case studies section
   - Contact/resume page
   - Project detail pages

2. Case Study Framework
   - Project overview and context
   - Problem statement
   - Research and discovery
   - Design process
   - Solution and outcomes
   - Key learnings

3. Project Presentation
   - Visual hierarchy
   - Before/after comparisons
   - Process documentation
   - Design artifacts (wireframes, prototypes)
   - User flows and journey maps
   - Final designs and screenshots

4. Storytelling Elements
   - Narrative structure
   - Challenge ? Solution ? Impact
   - Personal insights and reflections
   - Collaboration stories
   - Problem-solving approach

5. Visual Design
   - Portfolio style and branding
   - Typography and layout
   - Color scheme
   - Image and video usage
   - Responsive design considerations

6. Content Strategy
   - Project selection criteria
   - What to highlight
   - How to present metrics
   - Writing style and tone

7. Technical Considerations
   - Platform selection (website, PDF, etc.)
   - File size optimization
   - Loading performance
   - Accessibility

Format as a comprehensive portfolio design guide with specific recommendations.

How to use

  1. 01

    Replace [your name/role] with your name and role (e.g., "Sarah Chen, Senior UX Designer")

  2. 02

    Add context before the prompt: Describe your experience level, target roles, and portfolio goals. Example: "I'm a mid-level UX designer with 4 years of experience. Target: Senior UX roles at tech companies. Goal: Showcase my research and design process."

  3. 03

    If you have existing portfolio: Describe your current portfolio. Say "Improve my portfolio structure: [describe current portfolio]"

  4. 04

    If you have portfolio examples: Paste URLs or describe portfolios you like. Say "Create a portfolio structure similar to [designer name] but adapted for my work"

  5. 05

    Paste the modified prompt into your preferred AI tool, like ChatGPT or Claude

  6. 06

    Review the portfolio structure: Check case study framework, content strategy, and visual design recommendations

  7. 07

    Ask for specifics: Request "Focus on case study structure" or "Suggest portfolio platform (Webflow, Framer, custom site)"

  8. 08

    Use as blueprint: Follow the structure to build your actual portfolio

Tips

  • Include your best projects: List 3-5 projects you want to highlight so AI can suggest how to structure them
  • Specify target audience: Mention "Target: Senior UX roles at startups" or "Target: Product design roles" for tailored structure
  • Request platform recommendations: Ask "What platform should I use? (Webflow, Framer, custom)" for technical guidance
  • For case studies: Use this prompt alongside "UX Case Study Writing" prompt for complete portfolio content
  • Save structure as checklist: Use the output as a checklist while building your portfolio