heyama.ai · customer quote section · design lab · 10 Nov 2026

Six ways to show a customer quote, on one page.

A design study for a new section on www.heyama.ai. Nothing here is on the live site. Click a picture to open that variant in the browser. Like or dislike each one below its picture and leave a comment if you want. Votes and comments are anonymous.

Rate them one by one
6variants: two with one quote, two with several, two that move or react
16 → 6cut from the sixteen first built, so each one gets a real look
0on the live site: this is a preview for the team

People, firms and logos are stand-ins · wording from pilot customer feedback · serif: Newsreader

The variants

Each variant has its rating below its picture

The picture is one frame. The two that move show what they do only in the browser.

1Split

SplitOne quote. Portrait left, quote and signature right, one number beside the person.

2Centred

CentredOne quote. Portrait on top, everything on the centre line.

3Four cards

Four cardsFour quotes as whole cards on the grid. Nothing moves.

4Three columns

Three columnsThree quotes, each under its portrait. Nothing moves.

5Spotlight

SpotlightThe row drifts by itself and the middle card turns petrol. Drag to steer.

6Tabs

TabsFour people as tabs. Click one: the bar slides to them and the quote changes.
In the page

The centred layout fits between the closing cards and the founder letter

The full homepage with the centred quote in place, for context. Menu and footer links are switched off in this preview.

The centred quote inside the homepageOpens the homepage at the quote.
Votes

Every vote is anonymous and counts once per browser

The list is sorted by likes minus dislikes. A second click on your own vote takes it back.

VariantLikesDislikesComments
Before go-live

Four things are open before one of these goes live

  • People, firms and logos are stand-ins. The wording comes from pilot customer feedback. A named quote needs that customer's consent, portrait and logo.
  • The serif (Newsreader) is not in the site's design system yet and loads from Google Fonts here.
  • The number beside the person in Split (80–90% accepted profiles) needs a check against the current claims.
  • There is no German version yet.

Left out of this round: the Card layout (close to Split), the first-built or rules-pass twin of each concept, Relay with a timer, Draw-in on scroll, and the vote on the homepage view. They are still in the lab source.