Rating Scorecard
A two column scorecard with an average rating and per criterion bars on the left and two supporting client quotes on the right.
A two column scorecard with an average rating and per criterion bars on the left and two supporting client quotes on the right.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Rating Scorecard turns client feedback into evidence. The left column leads with a large average figure, 4.9 out of 5, then breaks it down into four criteria, communication, quality of work, timeliness, and value for budget, each with a score and a filled bar. A short line underneath explains how the numbers were collected. The right column holds two supporting quotes in ruled cards that add a human voice to the aggregate.
Data is a criteria array of four rows, each with a label, a score, and a bar width, plus a quotes array of two testimonials. Grounding the praise in an average across many projects is the distinctive detail: the score speaks for every client at once, not the single happiest one.
Reach for this block when you have collected consistent feedback and want to lead with the numbers rather than a single testimonial. The installer swaps the average figure, the four criteria and their bar widths, the collection note, and both supporting quotes.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is an average across every post-delivery client survey. Other uses:
Tip: keep the criteria honest by leaving one bar below the others; a perfect score on every line reads as fabricated rather than earned.