30 Claude Prompts That Write Case Studies
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.
B2B SaaS & Software Case Studies
5 promptsB2B SaaS Customer Case Study
1/30You 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/30You 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/30You 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/30You 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/30You 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.
Agency & Client Results Case Studies
5 promptsMarketing Agency Results Case Study
6/30You 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/30You 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/30You 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/30You 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/30You 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 promptsBefore-and-After Transformation Case Study
11/30You 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/30You 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/30You 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/30You 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/30You 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 promptsROI Case Study With Cost Breakdown
16/30You 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/30You 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/30You 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/30You 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/30You 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 promptsCustomer Success Story
21/30You 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/30You 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/30You 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/30You 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/30You 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.
UX, Portfolio & Designer Case Studies
5 promptsUX Design Case Study
26/30You 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/30You 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/30You 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/30You 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/30You 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
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.