Results Dashboard Mockups for Course Sales Pages
If you sell a course, a coaching program, or any "do this and your numbers go up" offer, your sales page almost certainly has a dashboard on it. The before/after pair - a struggling store, a thriving one - is the most reliable visual hook in the genre. The problem is that real student dashboards leak private data, age out the page the moment the student's metrics change, and create compliance risk if the wording around them implies guaranteed results. This article is how to use representative results dashboards on a sales page without those problems. It's the companion to the existing practice dashboards guide, which covers teaching dashboards inside a course rather than marketing dashboards on a sales page.
Why Sales Pages Use Results Dashboards
Sales pages convert better with a visual proof point than without one. A line of text saying "students see meaningful growth" sits inside the noise of every other marketing claim. A dashboard, even a clearly labeled mockup, breaks the visual rhythm and gives the reader something to anchor on. The brain does most of the conversion work before the reader gets to the testimonials.
The format also lets you show specifics that text glosses over. A before chart at $1,800 monthly revenue and a 1.1% conversion rate; an after chart at $7,200 monthly revenue and a 2.6% conversion rate. The reader sees the shape of the change, not just the headline. Whether the change is from a real student or from a representative scenario, the visual carries more information per inch of scroll than a paragraph would.
Real Student Data vs. Representative Mockups
There are three sources for a results dashboard on a sales page. The trade-offs are sharp.
Real student data, with permission and labeling. The most credible option, but the most operationally expensive. You need explicit written permission, you need to redact PII, you need to update the page when the underlying data ages, and the student's results have to be representative enough to not invite a deceptive-marketing complaint. When you have it, use it.
Anonymized real data. A composite of several students, or a single student's numbers with identifying details removed. Lower compliance risk than naming the student, but you still have to label the dashboard accurately as anonymized or aggregated.
Representative mockups. Built from scratch with believable numbers, labeled as illustrative. This is the most flexible option, the most operationally cheap, and the one this article is mostly about. The credibility ceiling is lower than real data, but with honest labeling it's a perfectly legitimate marketing visual.
Most healthy course pages mix all three. Real student data where you have it, with case-study framing. Anonymized composites for typical outcomes. Mockups for hypothetical scenarios, target states, and visual hooks where no specific student is implied. The mistake is using mockups as if they were real student data - that's the line described in the pillar LARP guide and the one regulators care about most.
How to Build a Before/After Pair
The before/after pair has to read at a glance, which means the second dashboard should differ visually as well as numerically. Here is the structure that works.
Anchor the before to your audience. The "before" dashboard is the one your buyer needs to recognize as themselves. A first-year store doing $1,800 a month. A creator stuck at 2,000 subscribers. A freelancer with two clients. Pick the numbers your target reader will see and feel "that's me".
Make the after aspirational but plausible. A 4x or 5x improvement is the sweet spot. A 20x improvement looks fake, undermines the page, and starts to invite regulatory attention if the wording around it implies typical results. The point is a believable jump, not a fantasy.
Vary more than the headline number. A real improvement shows up in several metrics at once. If sales go up, sessions probably went up too, or conversion rate did, or average order value did. Show the change in two or three places, not just one. A purpose-built mockup tool keeps the underlying math consistent as you adjust.
Use the same template for both. Same platform (Shopify admin, YouTube Studio, whichever). Same currency. Same time scale. The reader's eye is comparing two pictures - if you change the template style between before and after, the comparison breaks.
Add a story beat in between. The whole point of the before/after is the thing you teach in between. Write a one-sentence caption above the after dashboard that names the intervention: "after the conversion-rate workshop", "after Module 3", "after rebuilding the funnel". The mockup carries the visual; the caption carries the claim.
How to Label Without Killing the Pitch
The instinct on most course pages is to leave the mockup unlabeled because labeling feels like it weakens the visual. It doesn't. A small label is invisible to most readers but eliminates the worst-case interpretation. A few patterns that work.
"Representative results" caption. A small italic line under the dashboard that says "representative results based on coursework; individual outcomes vary". This is what regulated industries use, it's well-tested wording, and it doesn't change the visual impact of the dashboard.
"Example scenario" tag inside the image. A tiny tag in the corner of the dashboard itself that reads "example" or "scenario". Mockup tools that render at 3x make this readable without dominating the screenshot.
"Case study based on a student named [X]" caption. If the dashboard is anonymized real data, say so explicitly. Naming a real student (with permission) makes the visual more credible, not less.
"Target outcome" or "what success looks like" framing. When the dashboard is aspirational, say it is. "What a healthy store looks like" carries weight without claiming any specific student got there.
None of these are about being shy. They're about precisely matching what the visual represents to the wording around it, so the page reads as confident without inviting the conversation no marketer wants to have.
What to Avoid So You Stay Compliant
Most countries have something equivalent to the U.S. Federal Trade Commission's deceptive-marketing rules. The same rules apply to almost every online ad platform's policies. What follows is general guidance, not legal advice, but the patterns are clear.
Don't show a mockup as a specific student's verified result. If the page implies a real named person achieved these numbers using your course, the dashboard must reflect what that person actually did. Mockups are for representative or hypothetical scenarios, not specific case studies.
Don't pair a mockup with a guaranteed-income promise. "Students earn $10,000 a month" paired with a $10K dashboard is the regulatory pattern most likely to draw attention, regardless of how well-labeled the dashboard is. The pairing is the issue.
Don't use the same mockup across "before student joined" and "after student joined" framings if it's not a real student. The framing turns the mockup into a claim about a real outcome, which it isn't.
Don't strip the labels in screenshots that get shared elsewhere. A "representative example" tag on the sales page is great. A screenshot of that same dashboard reposted to Twitter without the caption suddenly reads as a flex of real results.
A clearly labeled, well-built mockup is a strong addition to a course sales page. It carries the visual weight of a real dashboard while staying inside the framing that keeps the page defensible. Build the before to look like the reader, the after to look earned, and the labels to do the precise work of saying what you mean.
Build Your Before/After Pair
CustomDashboards renders pixel-perfect Shopify, Stripe, and YouTube templates with 15 presets each. Free, on-device, no account - the same template across both screenshots keeps the comparison honest.
Download Free on iOS