Figma Case Study Template for Founders & PMs

1. The "Showcase" Mindset: Designing for a Founder's Attention Span

Founders and Product Managers don't "read" case studies; they scan them for three things: Problem, Solution, and—most importantly—Impact. They are evaluating you on your ability to deliver business results, not your process documentation. Therefore, your case study must be structured as a high-impact "showcase," not a detailed academic report.

To understand this distinction, let's watch a video that explains why a concise, visual-first approach is more effective for initial screenings.

The key takeaway is to build your template around the "showcase" model: lead with the result, provide visual proof, and keep the text concise and business-focused.

2. Architecting Your Reusable Figma Template

Now, let's translate the "showcase" concept into a Figma template. Your template should be built with components to ensure consistency and speed. Given your advanced Figma skills, building a component-based system will be a significant force multiplier.

The Essential Structure

Your template should consist of 6-7 core slides or frames, each with a single, clear purpose:

1. Title Slide (The Hook):

   • Client's Logo & Product Name.
   • Your Name/Title: "UX Audit & Optimization".
   • The single most impressive result, front and center. E.g., "Recovered an estimated $120k in annual revenue."

2. Executive Summary (The TL;DR):

   • A 3-sentence overview:
     • Problem: "Company X was losing users during onboarding due to a confusing interface."
     • Solution: "Conducted a rapid UX audit and redesigned the key flow to reduce friction."
     • Impact: "The changes are projected to increase user activation by 25% and deliver a 10x ROI."

3. The Business Problem (Quantified):

   • A single slide that visually presents the "money leak" you discussed in the previous lesson. Use an annotated screenshot and a large text block with the financial impact.

4. Key Findings (Visual Evidence):

   • Use 1-3 slides to show the most critical usability issues. This is where you use annotated screenshots. Do not list every finding; only show the ones that lead to your most impactful recommendations.
   • The way Ari Pxl documents findings in his Figma audit report is a great visual reference for this section. He uses numbered points on the screenshot that correspond to concise notes on the side.

5. The Solution (Before & After):

   • A direct, side-by-side comparison of the old design and your new, improved version. This is the most powerful visual in your deck.

6. The Business Impact (The Proof):

   • A slide dedicated to reinforcing the ROI. Use a simple table or chart to show the projected financial gain, as you practiced in the last lesson.

7. Call to Action (The Next Step):

   • End with a clear, direct call to action. "Ready to fix your product's revenue leaks? Book a consultation."

Here are a couple of examples of how these sections can be structured visually within a template:

3. Steal Like an Artist: Deconstructing Professional Templates

You don't need to build this from a blank canvas. The Figma community is full of excellent templates you can deconstruct, adapt, and improve upon. Your goal is to find a solid foundation and then customize it to create your own unique, high-value asset.

Here is another resource that links to a template specifically for UX research case studies, which is also highly relevant.

By analyzing these templates, you can quickly identify best practices and component structures that you can adapt for your own master template.

Your Deliverable: Build Your Master Case Study Template

Your task is to create the reusable Figma file that will become the foundation for all your future client case studies. This is a core asset for your business.

Task (35 minutes):

1. Create a New Figma File: Name it [Your Name] - Client Case Study Template.
2. Set Up the Structure: Create 7 pages in your file, one for each section of the case study structure defined in Part 2 (e.g., 01_Title, 02_Executive Summary, 03_The Problem, etc.).
3. Build Your Core Component: Create a main Slide component.
   • Use Auto Layout to create a standard slide frame (e.g., 1920x1080).
   • Add a property for Layout with variants like Title, One Column, Two Column, and Image Full Bleed. This will allow you to quickly switch layouts for different content needs.
4. Build Reusable Asset Components: Create at least two of the following as separate, reusable components:
   • Annotation Marker: A simple numbered circle component you can place on screenshots.
   • ROI Table: A component with rows for "Investment," "Projected Gain," and "Projected ROI."
   • Before/After Frame: A component with two slots for images, clearly labeled "Before" and "After."
5. Assemble Your Template: Go to each page you created and place an instance of your Slide component. Configure the layout variant appropriately for that page (e.g., use the Title variant on the 01_Title page). Use placeholder text and shapes to mock up the content.
6. Share Your Work: Once you are done, share the link to your Figma file.

This exercise will leave you with a powerful, personalized template that embodies a business-first approach to presenting design work.

Conclusion

You have now built a critical piece of your consulting toolkit: a reusable, founder-optimized case study template in Figma. This asset is designed for speed and persuasion, enabling you to consistently demonstrate your value in the language your clients understand best—the language of business impact and ROI.

Key Takeaways:

• Think "Showcase," Not "Case Study": Optimize for a quick scan by leading with the most impactful result.
• Structure for Persuasion: Your template should follow a clear narrative: Hook, Problem, Solution, Impact, and Call to Action.
• Components are Your Friend: Build your template with reusable components in Figma to maximize speed and consistency.
• Adapt, Don't Reinvent: Leverage professional templates from the Figma community as a starting point for your own custom asset.

Preview of the Next Lessons:

With your case study asset built, the next step is to put it to work. In the upcoming lessons, we'll cover how to leverage this case study to attract clients. You will learn to write a LinkedIn post that uses your case study as a lead magnet and prepare a 2-minute verbal summary to use in sales calls, effectively turning your design work into a powerful client acquisition tool.