# Portfolio Case Study

> Write portfolio case studies that win interviews — structure project narratives with before/after results, and build ATS-safe creative resumes for design and technical roles

- **Type:** Skill
- **Install:** `agentstack add skill-art2url-career-agent-skills-portfolio-case-study`
- **Verified:** Yes — security-reviewed for prompt injection and unsafe behavior
- **Seller:** [art2url](https://agentstack.voostack.com/s/art2url)
- **Installs:** 0
- **Category:** [Search](https://agentstack.voostack.com/c/search)
- **Latest version:** 0.1.0
- **License:** MIT
- **Upstream author:** [art2url](https://github.com/art2url)
- **Source:** https://github.com/art2url/career-agent-skills/tree/develop/skills/portfolio-case-study

## Install

```sh
agentstack add skill-art2url-career-agent-skills-portfolio-case-study
```

Requires the [AgentStack CLI](https://agentstack.voostack.com/docs/cli). Works with Claude Code, Cursor, and any MCP-compatible agent.

## About

# Portfolio Case Study

## Trigger

Use when the user wants to create case studies, build a portfolio, or design a creative resume that balances visual appeal with ATS compatibility.

Keywords: "case study", "portfolio case study", "portfolio", "write case study", "creative resume", "designer resume", "UX portfolio", "product design portfolio", "project writeup", "portfolio piece", "case study template", "design resume", "project showcase", "work samples", "portfolio website content", "how to write a case study"

## Part 1: Case Studies

### Structure

1. **Overview** — project name, your role, team, timeline, one-sentence impact
2. **Problem** — business context, user pain points, constraints, success metric
3. **Process** — research, options considered, key decisions and rationale
4. **Solution** — what you built/delivered, key features, how it solved the problem
5. **Results** — quantified outcomes (before/after table), business impact
6. **Learnings** — what worked, what you'd do differently

Target: 3-5 minute read.

### Depth by Role

- **Product Manager**: strategy, prioritization, stakeholder alignment, metrics
- **UX/Product Designer**: user research, design iterations, usability testing
- **Software Engineer**: architecture decisions, trade-offs, system design
- **Marketing**: channel strategy, targeting, creative, attribution

### Visual Elements

Must-have: before/after comparisons, key deliverable screenshots, results chart.
Always: blur sensitive data, add captions, size for mobile.

## Part 2: Creative Resume Strategy

### Two-Version Approach

**ATS version** (online applications):
- Single column, standard fonts, no graphics
- Show creativity through: clean typography hierarchy, strategic white space, strong writing
- Safe touches: subtle color in headers, hyperlinks to portfolio, clean dividers

**Designed version** (portfolio, networking, direct outreach):
- Your resume IS a design sample
- Consistent with portfolio site visual identity
- 2-3 colors max, 2 font families, clear hierarchy
- Must still be scannable in 6 seconds

### Field-Specific

- **Graphic designers**: Typography and layout precision demonstrate skill
- **UX designers**: Information architecture and scanability show thinking
- **Writers**: Impeccable copy with zero errors is the portfolio
- **Marketing**: On-brand identity and strategic content choices

### Portfolio Integration

Link resume to specific case studies:
```
- Redesigned checkout flow, reducing abandonment by 35%
  Case study: yourname.com/checkout
```

## Output Format

### For Case Studies:
```
## Case Study: [Project Name]

**Quick Facts:** Role | Company | Timeline | Team | Impact

### Problem
[Context + challenges]

### Process
[Research → Decisions → Rationale]

### Solution
[What you delivered]

### Results
| Metric | Before | After | Change |
|---|---|---|---|

### Learnings
[What worked + what you'd change]
```

### For Creative Resumes:
```
## Creative Resume Strategy

### ATS Version
[Content and format guidance]

### Designed Version
[Typography, colors, layout specs]

### Portfolio Integration
[How to connect resume to portfolio]
```

## Rules

- Case studies show HOW and WHY, not just WHAT
- Your contributions must be clearly distinguishable from the team's
- Results need numbers — if you can't measure impact, measure activity
- Creative resumes must pass the 6-second scan test
- Never sacrifice content quality for visual design

## Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

- **Author:** [art2url](https://github.com/art2url)
- **Source:** [art2url/career-agent-skills](https://github.com/art2url/career-agent-skills)
- **License:** MIT

Install and usage instructions live in the source repository linked above.

## Pricing

- **Free** — Free

## Security capabilities

Automated source analysis of v0.1.0 — what this tool can access:

- **Network access:** no
- **Filesystem access:** no
- **Shell / process execution:** no
- **Environment & secrets:** no
- **Dynamic code execution:** no

*"Yes" means the capability is present in the source — more access means more to trust, not that it is unsafe.*


## Versions

- **0.1.0** — security scan: passed — Imported from the upstream source.

## Links

- Listing page: https://agentstack.voostack.com/l/skill-art2url-career-agent-skills-portfolio-case-study
- Seller: https://agentstack.voostack.com/s/art2url
- Browse the marketplace: https://agentstack.voostack.com/browse

---
Listed on AgentStack — the marketplace for AI agent skills and MCP servers. Every listing is security-reviewed. Creators keep 70%.