Claude Prompt Library

30 Claude Prompts That Write Case Studies

30 copy-paste prompts

Feed Claude your client, the problem, and the numbers, and it returns a finished Problem to Solution to Results to Quote case study as a previewable artifact. Prompts for B2B SaaS, agency results, before-and-after transformations, ROI breakdowns, UX, and portfolio case studies. Not "write me a paragraph."

In short: This page contains 30 copy-paste ready prompts, organized into 6 categories with a description and pro tip for each. The first 15 prompts are free instantly โ€” no signup needed. Hand-curated and tested by the AI Academy team.

By Louis Corneloup ยท Founder, Techpresso
Last updated ยทHand-curated & tested by the AI Academy team

B2B SaaS & Software Case Studies

5 prompts

B2B SaaS Customer Case Study

1/30

You are a B2B content marketer who writes flagship SaaS case studies for sales enablement. <context> I need a complete B2B SaaS case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, following the classic Problem to Solution to Results to Quote structure. </context> <inputs> - Customer name and industry: [COMPANY, SECTOR] - Their size and role of the buyer: [HEADCOUNT, JOB TITLE] - The problem before us: [PAIN POINT, WHAT BROKE] - Our product and how they used it: [PRODUCT, KEY FEATURES ADOPTED] - Hard results with numbers: [METRIC CHANGES, TIMEFRAME] - A real customer quote: [QUOTE AND ATTRIBUTION] </inputs> <task> Build a one-page case study with: a headline stating the outcome, a customer-at-a-glance sidebar (industry, size, use case), a "Challenge" section describing the pre-product pain, a "Solution" section on how they implemented us, a "Results" block with three to four metric cards showing before and after, a pull-quote from the buyer, and a closing CTA to book a demo. Write specific, credible copy with no marketing fluff. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Every result must show a concrete number or percentage, not vague claims like "improved efficiency". - Pull-quote styled distinctly; accessible contrast and semantic headings. </constraints> <format> Return the full HTML as an artifact, then explain which metric you led with and why it is the most persuasive proof point. </format>

Builds a full B2B SaaS customer case study with challenge, solution, metric cards, and pull-quote as a previewable artifact.

๐Ÿ’ก

Pro tip: Give Claude the single most impressive number first and tell it to anchor the headline and the results block around that metric.

Software Implementation Case Study

2/30

You are an enterprise content strategist who documents software rollouts for technical buyers. <context> I need an implementation case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that walks a skeptical buyer through how a complex rollout actually went. </context> <inputs> - Customer and environment: [COMPANY, STACK, TEAM SIZE] - What they were replacing or integrating: [LEGACY SYSTEM OR GAP] - Implementation scope and timeline: [PHASES, DURATION] - Obstacles hit and how they were solved: [CHALLENGES, FIXES] - Measured outcomes: [ADOPTION, TIME SAVED, ERROR REDUCTION] - Stakeholder quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: an outcome headline, a project snapshot bar (scope, timeline, team), a "Challenge" section on the starting state, a "Solution" section structured as a phased rollout timeline, a "Results" section with adoption and efficiency metrics, an honest "What we learned" note, a stakeholder quote, and a CTA. Make it read credibly to a technical evaluator. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Show the rollout as a visual timeline with labeled phases. - Concrete numbers throughout; no hand-waving about "seamless" experiences. </constraints> <format> Return the full HTML as an artifact, then explain how the phased timeline reduces a buyer's fear of a hard implementation. </format>

Produces a technical software implementation case study with a phased rollout timeline and adoption metrics as a previewable artifact.

๐Ÿ’ก

Pro tip: Include one real obstacle you overcame; admitting friction and then solving it builds more trust than a flawless story.

Product-Led Growth Case Study

3/30

You are a product marketer who writes case studies proving a product sells itself. <context> I need a product-led growth case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, showing how a customer expanded usage organically. </context> <inputs> - Customer and team: [COMPANY, WHO STARTED USING IT] - How they discovered and adopted the product: [ENTRY POINT, FREE TIER, ETC] - The "aha" moment that drove expansion: [WHAT CLICKED] - Expansion path: [SEATS, FEATURES, OR USAGE GROWTH OVER TIME] - Business results: [METRICS, REVENUE OR PRODUCTIVITY GAINS] - Champion quote: [QUOTE AND TITLE] </inputs> <task> Build a case study with: a headline framing organic expansion, a snapshot of starting vs current usage, a "Challenge" section on the initial need, a "Solution" section tracing the bottom-up adoption journey, a "Results" section with an expansion-over-time mini chart described in HTML and metric cards, a champion quote, and a CTA to start free. Write specific PLG-flavored copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Visually depict usage growth (e.g. styled bar steps) using CSS only, no libraries. - Real numbers for the expansion story; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain how you showed the land-and-expand motion visually. </format>

Creates a product-led growth case study tracing bottom-up adoption and expansion with a CSS usage chart as a previewable artifact.

๐Ÿ’ก

Pro tip: Pinpoint the exact aha moment that triggered expansion; that single sentence is what other prospects need to hear to imagine themselves expanding too.

API / Integration Case Study

4/30

You are a developer-marketing writer who creates case studies for technical platform buyers. <context> I need an API or integration case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, written for engineering and platform decision-makers. </context> <inputs> - Customer and what they build: [COMPANY, PRODUCT] - The integration challenge: [WHAT THEY NEEDED TO CONNECT OR AUTOMATE] - How our API solved it: [ENDPOINTS, WORKFLOW, BUILD TIME] - Performance and reliability results: [LATENCY, UPTIME, VOLUME, DEV HOURS SAVED] - Engineer or CTO quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a technical outcome headline, an at-a-glance tech-stack panel, a "Challenge" section on the integration problem, a "Solution" section describing the architecture and build experience with one short illustrative code or request snippet styled in a code block, a "Results" section with performance metric cards, an engineer quote, and a CTA to read the docs. Keep it credible to developers. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Include one syntax-highlighted-style code block with monospace styling. - Specific, accurate-sounding technical numbers; no marketing buzzwords. </constraints> <format> Return the full HTML as an artifact, then explain how the code snippet makes the integration feel low-effort to an engineer. </format>

Builds a developer-focused API integration case study with a tech-stack panel, code snippet, and performance metrics as a previewable artifact.

๐Ÿ’ก

Pro tip: Give Claude one real endpoint or workflow detail so the code snippet looks authentic rather than generic boilerplate.

Migration / Switch Case Study

5/30

You are a competitive-marketing writer who builds case studies about customers switching from a rival tool. <context> I need a switch case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, telling the story of a customer who left a competitor for us. </context> <inputs> - Customer and industry: [COMPANY, SECTOR] - The tool they left and why: [PREVIOUS TOOL, FRUSTRATIONS] - The migration process: [HOW THEY SWITCHED, EFFORT, TIMELINE] - What changed for them after: [IMPROVEMENTS WITH NUMBERS] - Quote about the switch: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a headline framing the switch outcome, a before-vs-after comparison block (old tool pains vs new wins), a "Challenge" section on why they outgrew the old tool, a "Solution" section on the migration experience, a "Results" section with metric cards, a customer quote, and a CTA to start a switch. Stay factual and fair about the competitor, never disparaging. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Use a clean two-column before-and-after comparison; concrete numbers in results. - Professional tone; criticize the situation, not the competitor by name unless provided. </constraints> <format> Return the full HTML as an artifact, then explain how you kept the switch story persuasive without sounding bitter or unfair. </format>

Produces a competitor-switch case study with a before-and-after comparison and migration story as a previewable artifact.

๐Ÿ’ก

Pro tip: Focus on what the customer gained, not how bad the old tool was; aspiration converts better than mudslinging.

XML tags are just the start. Learn the full Claude workflow.

A growing library of 300+ hands-on AI tutorials covering Claude, ChatGPT, and 50+ tools. New tutorials added every week.

Start 7-Day Free Trial

Agency & Client Results Case Studies

5 prompts

Marketing Agency Results Case Study

6/30

You are an agency content lead who writes results-driven case studies that win new clients. <context> I need a marketing agency case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, proving the campaign results we delivered for a client. </context> <inputs> - Client and industry: [CLIENT, SECTOR] - Their goal and starting point: [OBJECTIVE, BASELINE METRICS] - Services we delivered: [SEO, ADS, CONTENT, ETC] - Strategy and key tactics: [WHAT WE ACTUALLY DID] - Results with numbers and timeframe: [LEADS, TRAFFIC, REVENUE, ROAS] - Client testimonial: [QUOTE AND NAME] </inputs> <task> Build a case study with: a bold results headline, a client snapshot bar, a "Challenge" section on the client's goal and obstacles, a "Solution" section on our strategy and tactics, a "Results" section with three to four big-number metric cards and a short narrative on the impact, a client quote, and a "work with us" CTA. Write confident, specific agency copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Metric cards must headline the percentage or absolute change with a label underneath. - Tie each tactic to an outcome; no vague "we ran a campaign" filler. </constraints> <format> Return the full HTML as an artifact, then explain which result you made the hero metric and how to swap in a different client's numbers. </format>

Builds an agency results case study with big-number metric cards linking tactics to outcomes as a previewable artifact.

๐Ÿ’ก

Pro tip: Lead with the result that maps to revenue or pipeline; prospects care about money far more than impressions.

Design / Branding Agency Case Study

7/30

You are a creative-agency writer who turns a rebrand project into a compelling case study. <context> I need a branding case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that showcases a design or rebrand engagement and its business impact. </context> <inputs> - Client and what they do: [CLIENT, SECTOR] - Why they needed a rebrand: [TRIGGER, OLD PERCEPTION PROBLEM] - Our process and deliverables: [DISCOVERY, IDENTITY, ASSETS] - Visual direction we chose: [DESCRIBE THE NEW LOOK AND RATIONALE] - Business or perception results: [METRICS, AWARDS, FEEDBACK] - Client quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a headline naming the transformation, a project-scope panel, a "Challenge" section on the brand problem, a "Solution" section walking through the design process with labeled color-block placeholders showing old vs new direction, a "Results" section combining business metrics and qualitative wins, a client quote, and a CTA. Make the visual story tangible even without real images. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Use CSS color blocks and type samples to evoke the old vs new identity, each clearly labeled. - Mix hard numbers with credible qualitative outcomes; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain how you visualized the brand transformation without uploaded images. </format>

Creates a branding agency case study visualizing an old-vs-new identity with CSS samples and mixed results as a previewable artifact.

๐Ÿ’ก

Pro tip: Describe the strategic reason behind the visual choices; buyers hire agencies for thinking, not just prettier colors.

Web Development Project Case Study

8/30

You are a studio writer who documents web build projects for a development agency's portfolio. <context> I need a web development case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, covering a site or app we built and the results it drove. </context> <inputs> - Client and project type: [CLIENT, WEBSITE / WEB APP / ECOMMERCE] - The brief and constraints: [GOALS, DEADLINE, TECH REQUIREMENTS] - What we built and the stack: [PAGES, FEATURES, TECH] - Performance and business outcomes: [SPEED, CONVERSION, SALES] - Client quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: an outcome headline, a project facts panel (stack, timeline, scope), a "Challenge" section on the brief, a "Solution" section describing what was built and key technical decisions, a "Results" section with performance metrics (load time, conversion, revenue) as cards, a styled screenshot placeholder of the finished site, a client quote, and a CTA. Keep it concrete and outcome-led. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Include a captioned browser-frame placeholder representing the delivered site. - Pair each technical decision with a user or business benefit; real numbers in results. </constraints> <format> Return the full HTML as an artifact, then explain which performance metric best proves the build's value to a non-technical client. </format>

Produces a web development case study with a project facts panel, screenshot frame, and performance metrics as a previewable artifact.

๐Ÿ’ก

Pro tip: Translate technical wins like a faster load time into the business outcome they caused, such as more completed checkouts.

Consulting Engagement Case Study

9/30

You are a management-consulting writer who packages an advisory engagement into a credible case study. <context> I need a consulting case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, showing how an advisory engagement created measurable value. </context> <inputs> - Client and industry: [CLIENT, SECTOR] - The business problem they faced: [STRATEGIC OR OPERATIONAL ISSUE] - Our approach and methodology: [DIAGNOSTIC, FRAMEWORK, WORKSTREAMS] - Recommendations and what was implemented: [KEY MOVES] - Quantified impact: [COST SAVED, REVENUE, EFFICIENCY GAINS] - Executive quote: [QUOTE AND TITLE] </inputs> <task> Build a case study with: an impact headline, an engagement summary bar (industry, duration, scope), a "Challenge" section framing the business problem, an "Approach" section on the methodology and workstreams, a "Results" section with quantified impact metric cards plus a short narrative, an executive quote, and a CTA to discuss a similar engagement. Write in a sober, authoritative consulting voice. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Quantify the impact in money or percentage terms wherever possible. - Structured, scannable sections; accessible contrast and semantic headings. </constraints> <format> Return the full HTML as an artifact, then explain how you framed the methodology to signal rigor without revealing confidential client specifics. </format>

Builds a consulting engagement case study with methodology, quantified impact cards, and an executive quote as a previewable artifact.

๐Ÿ’ก

Pro tip: Keep client specifics anonymized where needed; a credible range like 'cut costs by roughly 18 percent' still sells the result.

Freelancer Client Win Case Study

10/30

You are a copywriter helping a freelancer turn a single great project into a portfolio case study that wins more clients. <context> I need a freelancer case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that makes one strong client project look like proof I can do it again. </context> <inputs> - My role / service: [WHAT I DO, E.G. COPYWRITER, DESIGNER, DEVELOPER] - Client and project: [CLIENT, WHAT THEY NEEDED] - The problem they came to me with: [PAIN] - What I delivered and how I worked: [DELIVERABLES, PROCESS] - The result for the client: [OUTCOME, IDEALLY WITH A NUMBER] - Client testimonial: [QUOTE AND NAME] </inputs> <task> Build a case study with: a headline pairing the deliverable with the result, a quick project snapshot, a "The problem" section, a "What I did" section showing process and craft, a "The outcome" section with the result highlighted and a styled testimonial, and a warm "hire me" CTA with a clear next step. Write in a confident but personable first-person voice. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Keep it tight and skimmable for a busy prospect; one clear result up front. - Personable first-person tone; accessible markup and a single dominant CTA. </constraints> <format> Return the full HTML as an artifact, then explain how to adapt this template for a project where the result is qualitative rather than numeric. </format>

Creates a freelancer portfolio case study pairing one project with a clear outcome and testimonial as a previewable artifact.

๐Ÿ’ก

Pro tip: Even without a metric, a vivid before-and-after of the client's situation is persuasive; describe how their day changed.

Before / After Transformation Stories

5 prompts

Before-and-After Transformation Case Study

11/30

You are a storytelling marketer who writes vivid before-and-after transformation case studies. <context> I need a transformation case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, built around a stark before-and-after contrast. </context> <inputs> - Customer and context: [WHO, INDUSTRY OR SITUATION] - The "before" state in detail: [DAILY PAIN, COSTS, FRUSTRATIONS] - What changed: [OUR PRODUCT OR SERVICE, HOW THEY USED IT] - The "after" state in detail: [NEW REALITY, METRICS] - A quote capturing the shift: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a transformation headline, a side-by-side before-and-after panel contrasting the two states, a "Where they started" narrative section, a "What changed" solution section, a "Where they are now" results section with metric cards, an emotive customer quote, and a CTA. Make the contrast emotionally tangible and back it with numbers. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The before-and-after panel must be visually distinct (e.g. muted vs vibrant styling). - Pair emotion with concrete numbers; accessible contrast and semantic structure. </constraints> <format> Return the full HTML as an artifact, then explain how the visual contrast in the panel reinforces the story. </format>

Builds a before-and-after transformation case study with a side-by-side contrast panel and metrics as a previewable artifact.

๐Ÿ’ก

Pro tip: Make the 'before' state painfully specific; the more relatable the starting struggle, the more powerful the after feels.

Turnaround / Recovery Case Study

12/30

You are a business writer who documents turnaround stories where a struggling situation was reversed. <context> I need a turnaround case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, telling how a declining or failing situation was rescued. </context> <inputs> - Subject and what was failing: [COMPANY OR TEAM, THE CRISIS] - How bad it got: [METRICS AT THE LOW POINT] - The intervention: [WHAT WE OR THEY DID TO TURN IT AROUND] - The recovery timeline: [KEY MILESTONES] - The new state: [RECOVERED METRICS] - Leadership quote: [QUOTE AND TITLE] </inputs> <task> Build a case study with: a recovery headline, a crisis-snapshot panel showing the low point, a "The crisis" section, a "The turnaround" section structured as a milestone timeline, a "The recovery" results section with a recovery-over-time mini chart in CSS and metric cards, a leadership quote, and a CTA. Tell a tense, credible comeback story. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Visualize the decline-then-recovery as a simple CSS trend, low point clearly marked. - Honest about how bad it was before showing the recovery; real numbers throughout. </constraints> <format> Return the full HTML as an artifact, then explain how showing the low point honestly makes the recovery more believable. </format>

Produces a turnaround case study with a crisis snapshot, milestone timeline, and recovery trend chart as a previewable artifact.

๐Ÿ’ก

Pro tip: Do not soften the low point; the depth of the dip is exactly what makes the comeback impressive and credible.

Time-Saved / Efficiency Case Study

13/30

You are an operations marketer who writes efficiency case studies focused on time and effort saved. <context> I need an efficiency case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, centered on hours reclaimed and manual work eliminated. </context> <inputs> - Customer and team affected: [COMPANY, DEPARTMENT] - The slow manual process before: [TASK, HOW LONG IT TOOK] - What we automated or streamlined: [PRODUCT OR CHANGE] - Time and effort saved: [HOURS PER WEEK, FTE EQUIVALENT, COST] - What they do with the freed-up time: [HIGHER-VALUE WORK] - Quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a time-saved headline, a before-vs-after time-cost panel, a "The manual grind" section describing the old workflow, a "The fix" solution section, a "Time reclaimed" results section with hours-saved and cost metric cards plus what they now do with the time, a quote, and a CTA. Make the saved time feel concrete and valuable. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Translate hours saved into a tangible equivalent (e.g. an extra FTE, or a cost figure). - Concrete time numbers; accessible markup and clear visual hierarchy. </constraints> <format> Return the full HTML as an artifact, then explain how converting saved hours into a dollar figure strengthens the business case. </format>

Builds an efficiency case study quantifying hours saved and converting them into cost value as a previewable artifact.

๐Ÿ’ก

Pro tip: Always translate saved hours into money or headcount; '12 hours a week' lands harder as 'a third of a full-time role back'.

Scaling / Growth Story Case Study

14/30

You are a growth writer who documents how a customer scaled rapidly with a product or service. <context> I need a scaling case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, showing how a customer grew and how we supported that growth. </context> <inputs> - Customer and what they do: [COMPANY, PRODUCT OR MARKET] - Their growth ambition and the bottleneck: [GOAL, WHAT WAS HOLDING THEM BACK] - How our solution removed the ceiling: [WHAT WE PROVIDED] - Growth metrics over the period: [USERS, REVENUE, MARKETS, TEAM] - Quote about scaling with us: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a growth headline, a starting-vs-now snapshot, a "The growth ceiling" challenge section, a "How we scaled with them" solution section, a "Results" section with growth metric cards and a CSS growth-curve visual showing the trajectory, a quote, and a CTA. Convey momentum credibly with numbers. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Include a CSS-only ascending growth visual labeled with the key metric and timeframe. - Real growth numbers; avoid hype words, let the trajectory speak. </constraints> <format> Return the full HTML as an artifact, then explain how the growth visual sets the prospect's expectations about scaling with you. </format>

Creates a scaling and growth case study with a starting-vs-now snapshot and a CSS growth curve as a previewable artifact.

๐Ÿ’ก

Pro tip: Name the bottleneck you removed; prospects with the same ceiling will instantly see themselves in the story.

Personal Transformation / Coaching Case Study

15/30

You are a results-focused writer who builds client transformation case studies for coaches and educators. <context> I need a personal transformation case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, about a client who achieved a meaningful result through a coaching or training program. </context> <inputs> - Client and their starting situation: [WHO, WHERE THEY STARTED] - The struggle or goal: [WHAT THEY WANTED TO CHANGE] - The program or method they followed: [WHAT YOU OFFERED] - The journey and key turning points: [MILESTONES] - The outcome they achieved: [RESULT, IDEALLY MEASURABLE] - Their testimonial: [QUOTE AND FIRST NAME] </inputs> <task> Build a case study with: an aspirational headline naming the outcome, a quick before snapshot, a "The struggle" section, a "The work" section describing the program and journey with key milestones, a "The result" section with the outcome highlighted and a warm testimonial, and a CTA to start a similar journey. Write empathetically and specifically. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Respect privacy: use first name only and keep details general unless provided. - Emotionally resonant but honest; one clear, relatable outcome; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain how to keep the story inspiring without over-promising results to future clients. </format>

Builds a coaching client transformation case study with a struggle-to-result arc and testimonial as a previewable artifact.

๐Ÿ’ก

Pro tip: Add a subtle honesty line about effort required; it sets realistic expectations and makes the result more believable.

ROI & Financial Impact Case Studies

5 prompts

ROI Case Study With Cost Breakdown

16/30

You are a B2B finance-focused content marketer who writes ROI case studies for budget-holders. <context> I need an ROI case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that makes the financial return undeniable to a CFO or budget owner. </context> <inputs> - Customer and industry: [COMPANY, SECTOR] - What they invested: [PRICE, IMPLEMENTATION COST, TIME] - The returns they got: [REVENUE, SAVINGS, AVOIDED COSTS] - Timeframe to payback: [HOW LONG TO BREAK EVEN] - The headline ROI figure: [PERCENTAGE OR MULTIPLE] - Finance or exec quote: [QUOTE AND TITLE] </inputs> <task> Build a case study with: an ROI headline (e.g. "X return in Y months"), an investment-vs-return summary panel, a "The business case" challenge section, a "What they invested" solution section, a "The return" results section with a clear cost-vs-benefit breakdown table and the payback period highlighted, a finance quote, and a CTA to request an ROI estimate. Make the math transparent and credible. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Include a clean cost-vs-benefit table; show the ROI calculation logic, not just the final number. - All figures concrete; accessible table markup and contrast. </constraints> <format> Return the full HTML as an artifact, then explain how showing the calculation builds more trust than stating the ROI percentage alone. </format>

Builds an ROI case study with a transparent cost-vs-benefit table and highlighted payback period as a previewable artifact.

๐Ÿ’ก

Pro tip: Show your math; a CFO trusts a visible calculation far more than a bold '340% ROI' with no breakdown.

Cost-Savings Case Study

17/30

You are a procurement-savvy content writer who builds cost-savings case studies. <context> I need a cost-savings case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, centered on money a customer stopped wasting. </context> <inputs> - Customer and context: [COMPANY, SECTOR] - Where money was leaking before: [WASTEFUL SPEND, TOOLS, OVERHEAD] - What our solution consolidated or eliminated: [THE CHANGE] - Annual or monthly savings: [DOLLAR AMOUNTS] - Secondary benefits: [TIME, ERRORS, RISK] - Quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a savings headline, a spend-before-vs-after panel, a "The hidden costs" challenge section, a "The consolidation" solution section, a "Savings unlocked" results section with annual-savings metric cards and a short list of secondary benefits, a quote, and a CTA. Make the savings concrete and recurring. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Emphasize recurring annualized savings, not just a one-time amount. - Real numbers; accessible markup and clear hierarchy. </constraints> <format> Return the full HTML as an artifact, then explain how framing savings as recurring annual figures increases perceived value. </format>

Creates a cost-savings case study emphasizing recurring annual savings with a before-vs-after spend panel as a previewable artifact.

๐Ÿ’ก

Pro tip: Annualize the savings figure; '$2,400 a month saved' is good, but '$28,800 a year reclaimed' anchors much higher.

Revenue-Growth Case Study

18/30

You are a revenue-marketing writer who builds case studies proving top-line growth. <context> I need a revenue-growth case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, showing how a customer grew revenue with our help. </context> <inputs> - Customer and what they sell: [COMPANY, PRODUCT] - Their revenue starting point and goal: [BASELINE, TARGET] - What we did to drive revenue: [THE LEVERS WE PULLED] - Revenue results and timeframe: [GROWTH NUMBERS, PERIOD] - Contributing factors: [CONVERSION, AOV, RETENTION CHANGES] - Quote: [QUOTE AND TITLE] </inputs> <task> Build a case study with: a revenue-growth headline, a baseline-vs-result snapshot, a "The revenue challenge" section, a "What we did" solution section, a "Revenue impact" results section breaking the growth into its drivers (e.g. more traffic, higher conversion, bigger orders) with metric cards and a CSS revenue-bar visual, a quote, and a CTA. Make the attribution credible. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Decompose the revenue growth into its underlying drivers, not one vague number. - Real figures; include a simple CSS bar visual of revenue before vs after. </constraints> <format> Return the full HTML as an artifact, then explain how decomposing revenue into drivers makes the case study more believable. </format>

Builds a revenue-growth case study decomposing growth into drivers with metric cards and a CSS bar visual as a previewable artifact.

๐Ÿ’ก

Pro tip: Break revenue into its drivers; showing it came from conversion plus order value is far more credible than one big number.

Conversion-Rate Improvement Case Study

19/30

You are a CRO specialist who writes case studies about conversion-rate wins. <context> I need a conversion-optimization case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, documenting a test or redesign that lifted conversions. </context> <inputs> - Customer and the page or funnel: [COMPANY, WHAT WAS OPTIMIZED] - The baseline conversion rate and the problem: [STARTING RATE, FRICTION] - The hypothesis and changes tested: [WHAT WE CHANGED AND WHY] - The lift achieved: [NEW RATE, PERCENTAGE LIFT, SIGNIFICANCE] - Downstream revenue impact: [EXTRA REVENUE OR LEADS] - Quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a conversion-lift headline, a baseline-vs-new metric panel, a "The friction" challenge section, a "The hypothesis and test" solution section describing what changed and why, a "Results" section with a clear before-and-after conversion-rate visual, the lift, and the downstream revenue, a quote, and a CTA. Keep the methodology rigorous-sounding. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Show before-and-after conversion rates visually; state the lift and its revenue effect. - Mention test rigor (sample, duration) if provided; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain how naming the hypothesis makes the win look repeatable rather than lucky. </format>

Produces a conversion-rate case study with a hypothesis, before-and-after visual, and downstream revenue as a previewable artifact.

๐Ÿ’ก

Pro tip: State the hypothesis behind the change; it frames the win as a repeatable method, which is what prospects are buying.

Payback-Period / Value Case Study

20/30

You are a value-engineering writer who builds case studies that pinpoint when an investment pays for itself. <context> I need a payback-period case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that shows exactly how fast a customer recouped their investment. </context> <inputs> - Customer and what they bought: [COMPANY, PRODUCT OR SERVICE] - Total cost of ownership: [PRICE, ONBOARDING, TIME] - The value generated per month: [SAVINGS OR REVENUE PER MONTH] - When they broke even: [PAYBACK POINT] - Cumulative value since: [TOTAL VALUE TO DATE] - Quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a payback headline (e.g. "Paid for itself in N weeks"), a cost-vs-value summary panel, a "The investment decision" challenge section, a "What they got" solution section, a "Payback and beyond" results section with a cumulative-value-over-time visual marking the break-even point and the value since, a quote, and a CTA to estimate their own payback. Make the timing crisp and motivating. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Visually mark the break-even point on a cumulative-value timeline (CSS only). - Concrete monthly and cumulative figures; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain how marking the break-even point on a timeline reduces a buyer's perceived risk. </format>

Builds a payback-period case study with a cumulative-value timeline marking the break-even point as a previewable artifact.

๐Ÿ’ก

Pro tip: Marking break-even early on a timeline reframes the price as temporary; everything after that point reads as pure upside.

Customer Success & Product Stories

5 prompts

Customer Success Story

21/30

You are a customer-marketing writer who crafts feel-good customer success stories. <context> I need a customer success story built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that celebrates a customer's win in their own voice. </context> <inputs> - Customer and what they do: [COMPANY OR PERSON, CONTEXT] - Why they chose us: [DECISION DRIVERS] - How they use the product day to day: [USE CASE] - The wins they have had: [OUTCOMES, METRICS, MOMENTS] - A favorite feature or moment: [WHAT THEY LOVE] - A heartfelt quote: [QUOTE AND NAME] </inputs> <task> Build a success story with: a warm headline, a customer intro with a friendly snapshot, a "Why they chose us" section, a "How they use it" section, a "The wins" results section with metric cards and a standout moment, a prominent heartfelt quote, and a soft CTA to join other happy customers. Make it human and specific, not a dry case study. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Warmer, more narrative tone than a formal case study, but still backed by real outcomes. - A genuine standout quote featured prominently; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain how the tone differs from a formal case study and when to use each format. </format>

Creates a warm, narrative customer success story with real outcomes and a featured quote as a previewable artifact.

๐Ÿ’ก

Pro tip: Let the customer's own words carry the emotion; quote them generously and keep your marketing voice in the background.

Product Case Study (Challenge-Solution-Results)

22/30

You are a product marketer who writes structured product case studies for the sales team. <context> I need a product case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that maps a customer's challenge directly onto our product's capabilities and the results. </context> <inputs> - Customer and use case: [COMPANY, WHAT THEY NEEDED THE PRODUCT FOR] - The specific challenge: [THE PROBLEM IN DETAIL] - The exact features they used and how: [FEATURE-TO-NEED MAPPING] - The results by feature or workflow: [OUTCOMES] - A user quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a results headline, a customer snapshot, a "Challenge" section, a "Solution" section that maps each challenge to the specific product feature that solved it (a two-column need-to-feature layout), a "Results" section with metric cards tied to those features, a user quote, and a CTA to see the product. Keep the feature-to-outcome links explicit. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Use a clear need-to-feature mapping layout so the product's value is obvious. - Concrete results tied to each feature; accessible markup and contrast. </constraints> <format> Return the full HTML as an artifact, then explain how the need-to-feature mapping helps the sales team handle objections. </format>

Builds a product case study mapping each customer challenge to a specific feature and result as a previewable artifact.

๐Ÿ’ก

Pro tip: Explicitly link each feature to the problem it solved; sales reps can lift those exact pairings into a live demo.

Customer Quote / Testimonial Spotlight

23/30

You are a brand writer who designs a quote-led testimonial spotlight that reads like a mini case study. <context> I need a testimonial spotlight built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that elevates one strong customer quote into a credible, shareable proof piece. </context> <inputs> - The customer and their role: [NAME, TITLE, COMPANY] - The hero quote: [THE FULL QUOTE] - The context behind the quote: [WHAT THEY WERE STRUGGLING WITH] - The supporting result: [A METRIC OR OUTCOME THAT BACKS THE QUOTE] - Any extra supporting quotes: [SHORTER PULL-QUOTES] </inputs> <task> Build a spotlight with: a large, beautifully styled hero quote with attribution and a placeholder avatar, a short context line setting up the quote, one supporting metric card that proves the quote is earned, an optional row of shorter pull-quotes, and a CTA. Treat typography and whitespace as the design; the quote is the artwork. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Quote-led, typography-driven design with generous whitespace; the metric validates the quote. - Accessible contrast; quote marked up as a real blockquote with citation. </constraints> <format> Return the full HTML as an artifact, then explain why pairing the quote with one hard metric makes it far more persuasive. </format>

Creates a typography-driven testimonial spotlight pairing a hero quote with a validating metric as a previewable artifact.

๐Ÿ’ก

Pro tip: Always back a glowing quote with one number; a metric beside the praise turns opinion into evidence.

Use-Case / Workflow Case Study

24/30

You are a content writer who documents a specific way a customer uses a product, as a repeatable use-case case study. <context> I need a use-case case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, showing one concrete workflow other similar customers could copy. </context> <inputs> - Customer and their role: [WHO, TITLE] - The job to be done: [THE SPECIFIC WORKFLOW OR GOAL] - The old way they did it: [BEFORE PROCESS] - The new workflow step by step: [HOW THEY DO IT NOW WITH OUR PRODUCT] - The payoff: [TIME, QUALITY, OR OUTPUT GAINS] - Quote: [QUOTE AND ROLE] </inputs> <task> Build a case study with: a workflow-outcome headline, a snapshot of who and what job, a "The old way" challenge section, a "The new workflow" solution section laid out as a numbered step-by-step the reader could replicate, a "The payoff" results section with metric cards, a quote, and a CTA to try the workflow. Make it actionable enough to copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The new workflow must be a clear, numbered, replicable sequence of steps. - Concrete payoff numbers; accessible markup and clear visual steps. </constraints> <format> Return the full HTML as an artifact, then explain how a replicable workflow doubles as both proof and a how-to guide. </format>

Builds a use-case case study presenting a replicable numbered workflow with its payoff as a previewable artifact.

๐Ÿ’ก

Pro tip: Make the workflow copy-and-paste replicable; a case study that doubles as a tutorial earns shares and saves.

Nonprofit / Mission-Impact Case Study

25/30

You are a mission-driven writer who creates impact case studies for nonprofits and social enterprises. <context> I need an impact case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that proves a program or tool created real-world change for a cause. </context> <inputs> - Organization and mission: [ORG, CAUSE] - The problem in the community or field: [THE NEED] - The program or solution deployed: [WHAT WAS DONE] - Impact metrics: [PEOPLE HELPED, OUTCOMES, REACH] - A beneficiary or partner quote: [QUOTE AND ROLE] - The funding or support behind it: [DONORS OR PARTNERS, IF RELEVANT] </inputs> <task> Build a case study with: a mission-impact headline, an at-a-glance impact panel, a "The need" challenge section, a "Our response" solution section, an "Impact" results section with people-and-outcomes metric cards and a short human story, a beneficiary quote, and a CTA to donate or get involved. Balance hard numbers with human dignity. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Pair impact metrics with a respectful human story; never sensationalize beneficiaries. - Real numbers; accessible contrast and semantic structure. </constraints> <format> Return the full HTML as an artifact, then explain how to balance impact metrics with human stories so the case study moves donors without exploiting beneficiaries. </format>

Creates a nonprofit impact case study balancing outcome metrics with a respectful human story as a previewable artifact.

๐Ÿ’ก

Pro tip: Pair every big impact number with one specific human story; data proves scale, but a single person makes donors care.

Most people use 10% of Claude. Tutorials unlock the rest.

AI Academy: 300+ hands-on tutorials on Claude, ChatGPT, Midjourney, and 50+ AI tools. New tutorials added every week.

Start Your Free Trial

UX, Portfolio & Designer Case Studies

5 prompts

UX Design Case Study

26/30

You are a senior UX designer writing a portfolio-grade UX case study for a hiring manager. <context> I need a UX case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that shows my design process and the impact of a project, structured for a recruiter to skim and a designer to respect. </context> <inputs> - Project and my role: [PROJECT, MY ROLE, TEAM] - The user problem and business goal: [WHO STRUGGLED, WHAT THE BUSINESS NEEDED] - My research and key insights: [METHODS, WHAT I LEARNED] - The design decisions I made: [KEY UX CHOICES AND RATIONALE] - The outcome: [USABILITY, CONVERSION, OR SATISFACTION METRICS] - A learning or what I would do next: [REFLECTION] </inputs> <task> Build a UX case study with: an overview header (role, team, timeline, tools), a "Problem" section framing the user and business need, a "Research" section with key insights, a "Process" section walking through wireframe-to-solution decisions using labeled placeholder frames, a "Results" section with impact metric cards, a "Reflection" section, and a contact CTA. Show thinking, not just screens. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Use labeled placeholder frames for wireframes and final screens; emphasize rationale over visuals. - Real outcome metrics if provided; accessible markup and strong reading hierarchy. </constraints> <format> Return the full HTML as an artifact, then explain what hiring managers look for in a UX case study and where this one delivers it. </format>

Builds a portfolio-grade UX case study showing problem, research, process, and impact with placeholder frames as a previewable artifact.

๐Ÿ’ก

Pro tip: Show your reasoning at each decision; hiring managers hire the thinking, and a case study that only shows pretty screens fails the test.

Portfolio Project Case Study

27/30

You are a portfolio strategist helping a creative present a single project as a polished case study page. <context> I need a portfolio project case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that presents one project beautifully for a portfolio site. </context> <inputs> - Project name and discipline: [PROJECT, E.G. BRAND, PRODUCT, ILLUSTRATION] - My role and the client or context: [ROLE, CLIENT OR PERSONAL] - The brief or goal: [WHAT IT NEEDED TO ACHIEVE] - The approach and process: [HOW I APPROACHED IT] - The outcome or reception: [RESULT, FEEDBACK, METRICS] - Visual highlights to feature: [KEY PIECES OR MOMENTS] </inputs> <task> Build a portfolio case study with: a striking project hero with title and role, an overview panel (client, role, year, discipline), a "The brief" section, a "The approach" section, a gallery of labeled visual-placeholder frames for the highlights, an "Outcome" section, and a next-project or contact CTA. Make it visually confident and editorial. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Editorial, gallery-forward layout with generous whitespace and labeled placeholder frames. - Concise copy that lets the work breathe; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain the layout rhythm you used and where to drop in real project images. </format>

Creates an editorial portfolio project case study with a gallery layout and labeled visual frames as a previewable artifact.

๐Ÿ’ก

Pro tip: Keep the copy lean and let the visual frames lead; a portfolio case study sells the work, not your paragraphs.

Product Design / Feature Case Study

28/30

You are a product designer documenting how a single feature was designed and what it achieved. <context> I need a feature design case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, focused on the design and impact of one product feature. </context> <inputs> - The feature and the product: [FEATURE, PRODUCT] - The problem it solved for users: [USER PAIN] - The constraints and trade-offs: [TECHNICAL OR TIME LIMITS] - The design solution: [HOW IT WORKS, KEY INTERACTIONS] - The measured impact: [ADOPTION, ENGAGEMENT, RETENTION] - A reflection on the trade-offs: [WHAT YOU SHIPPED VS IDEAL] </inputs> <task> Build a case study with: a feature-outcome headline, a context panel, a "The problem" section, a "Constraints and trade-offs" section showing maturity, a "The design" section describing interactions with labeled state placeholders, a "Impact" results section with adoption metric cards, a reflection, and a CTA. Show pragmatic, real-world product judgment. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Explicitly discuss constraints and trade-offs; use labeled placeholder frames for key states. - Real adoption numbers if provided; accessible markup. </constraints> <format> Return the full HTML as an artifact, then explain why naming the constraints and trade-offs signals senior product judgment. </format>

Builds a product feature design case study covering constraints, trade-offs, and adoption impact as a previewable artifact.

๐Ÿ’ก

Pro tip: Discuss the trade-offs you made; admitting what you cut and why is the clearest signal of a senior product mind.

Research / Discovery Case Study

29/30

You are a UX researcher writing a discovery case study that proves research changed a product decision. <context> I need a research case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that shows how a discovery study uncovered an insight that changed direction. </context> <inputs> - The research question and context: [WHAT WE NEEDED TO LEARN, WHY] - The methods used: [INTERVIEWS, SURVEYS, USABILITY TESTS, ANALYTICS] - The key findings: [TOP INSIGHTS] - The decision or change those findings drove: [WHAT WE DID DIFFERENTLY] - The outcome of acting on the research: [RESULT] - A representative user quote: [QUOTE, ANONYMIZED IF NEEDED] </inputs> <task> Build a case study with: a research-impact headline, a study-snapshot panel (question, methods, participants), a "The question" section, a "How we researched it" methods section, a "What we found" findings section with three to four insight cards and a representative user quote, a "What changed" decision section, an "Outcome" results section, and a CTA. Show research as a driver of decisions, not a formality. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Present findings as distinct insight cards; tie each to the decision it influenced. - Anonymize participants; accessible markup and clear hierarchy. </constraints> <format> Return the full HTML as an artifact, then explain how linking each finding to a decision proves the research had real influence. </format>

Produces a UX research discovery case study linking insights to the decisions they changed as a previewable artifact.

๐Ÿ’ก

Pro tip: Connect every insight to a concrete decision it changed; research that only describes users, without changing anything, reads as wasted effort.

Redesign / Before-After Design Case Study

30/30

You are a senior designer presenting a redesign case study built around a clear visual before and after. <context> I need a redesign case study built as one self-contained HTML file with inline CSS, previewable instantly as an artifact, that contrasts an old design with a new one and proves the redesign worked. </context> <inputs> - What was redesigned: [PRODUCT, PAGE, OR FLOW] - The problems with the old design: [USABILITY OR BUSINESS ISSUES] - The goals of the redesign: [WHAT SUCCESS LOOKED LIKE] - The key changes made: [DESIGN DECISIONS] - The measured improvement: [METRICS, USABILITY, CONVERSION] - A quote or feedback: [USER OR STAKEHOLDER QUOTE] </inputs> <task> Build a case study with: a redesign-outcome headline, a side-by-side old-vs-new placeholder-frame panel, a "Why we redesigned" problem section, a "Goals" section, a "Key changes" solution section explaining the rationale behind each change, a "Results" section with before-and-after metric cards, a quote, and a CTA. Let the visual contrast and the metrics carry the argument. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Use clearly labeled old-vs-new placeholder frames; explain the why behind each change. - Real before-and-after numbers; accessible markup and contrast. </constraints> <format> Return the full HTML as an artifact, then explain how pairing the visual before-and-after with metrics avoids the trap of redesigns that just look different. </format>

Builds a redesign case study with side-by-side old-vs-new frames and before-and-after metrics as a previewable artifact.

๐Ÿ’ก

Pro tip: Pair every visual change with a metric; a redesign that looks nicer but moves no numbers is design for design's sake.

Frequently Asked Questions

Pick the prompt that matches your story type, then fill in the bracketed inputs with your real customer, the problem, the numbers, and a quote. Claude returns a complete Problem to Solution to Results to Quote case study as a self-contained HTML artifact you can preview instantly and copy into your site or deck.
Every prompt follows the classic case study arc: the challenge the customer faced, the solution they adopted, the measurable results, and a real quote. Each one also produces a clean, branded layout with metric cards and pull-quotes, so the output looks finished rather than like a rough draft.
Strong metrics make a case study far more persuasive, so add them wherever you can. If a result is qualitative, the prompts still work by describing a vivid before-and-after of the customer's situation, and several include tips for handling stories without hard numbers.
Yes. These prompts ask Claude to return a self-contained HTML file with inline CSS, so you get a designed page with sections, metric cards, comparison panels, and styled quotes as a previewable artifact. No coding or design tool is required to see and use the result.
Yes. The UX, portfolio, and designer category covers process-led case studies for hiring managers, editorial portfolio project pages, feature design write-ups, research discovery stories, and before-and-after redesigns, each structured to show thinking and impact, not just screens.
Replace any placeholder visuals with your real screenshots or logos, verify every number against your source data, and make sure quotes are approved by the customer. Then tighten the copy in your own voice so the case study reads as authentically yours before you publish it.

Prompts are the starting line. Tutorials are the finish.

A growing library of 300+ hands-on tutorials on ChatGPT, Claude, Midjourney, and 50+ AI tools. New tutorials added every week.

7-day free trial. Cancel anytime.