The Coding Bootcamp Testimonials page, with one graduate's slide beside the next

Coding Bootcamp Testimonials

The bootcamp wanted its graduates to speak for themselves: two stories, one card, and a way to move between them. The hard part was cross-fading both slides in one grid cell, so nothing moves as they swap.

  • Front-End Engineering / Interaction Design
  • Next.js / TypeScript / Tailwind CSS
Visit Website, Coding Bootcamp Testimonials

Project Background

The coding bootcamp came with a single screen rather than a site: one graduate at a time, a portrait card, their quote, and a pill of arrows to move between them. It is drawn at 375 and 1440 with the composition rearranged rather than reflowed, over five decorative shapes pinned to fractions of the card. Their role grey missed the accessible contrast threshold, so it darkened by the smallest step that clears it. Scope ran from 320 up, and Lighthouse returns full marks in all four categories.

Static Previews

Coding Bootcamp Testimonials static preview 1
Coding Bootcamp Testimonials static preview 2

Interested in doing a project together?

Contact Me