The Ovation section, with its three rating badges beside three customer testimonials

Ovation

Ovation needed its proof in front of buyers: three five-star ratings and three verified reviews in one screen. The hard part was the stagger: every pill and card offset falls out of alignment, not a fixed number.

  • Front-End Engineering / Design Implementation
  • Next.js / TypeScript / Tailwind CSS
Visit Website, Ovation

Project Background

Ovation sells printed design work, and the ask was a proof block for the top of its store page: three review-site ratings and three customer quotes, taken in without scrolling. They came with two frames, 375 and 1440, a plum and pink palette, and a desktop layout that steps its rating pills right and its cards down. Two colours failed the contrast bar as drawn and moved the smallest amount that passes. Scope ran from 320px up, and Lighthouse closes at 100 in each of its four categories.

Static Previews

Ovation static preview 1
Ovation static preview 2

Interested in doing a project together?

Contact Me