A/B Test on Hero Design: Illustrated vs. Real Ocean Photo

A/B Test on Hero Design: Illustrated vs. Real Ocean PhotoA/B Test on Hero Design: Illustrated vs. Real Ocean Photo

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Taste Test

Create your own

Azhar Ali

• Feb 23

Im running a quick A/B vote on the hero design. V1 uses an illustrated scene to feel friendly and product-led, while V2 uses a real ocean photo for a more premium, realistic vibe. Which one feels clearer, more trustworthy, and makes you more likely to hit “Join Waitlist”?

Figma Webflow Web Design

1 voted

13%

7 voted

87%

8 votes

Closed

Akin Gundogan

• Feb 23

Even though I really like illustrative web/UI designs, the real ocean photo makes it more relatable and visually adds a nice depth to design 👍

Azhar Ali

• Feb 24

💯. Thanks

Stephanie Asoegwu

pro

• Feb 23

Version 2 for me, the real ocean photo gives it a more aspirational feel that matches the premium positioning of a boating app.

Azhar Ali

• Feb 24

Thanks

Victrex Graphics

• Feb 23

Version 2

Azhar Ali

• Feb 24

Thanks

Nur Uddin - UI UX Designer

• Mar 1

great work

Azhar Ali

• Mar 2

Thanks

Luis Ramirez

pro

• Jun 12

I’m exploring two homepage hero directions for a Coffeebar concept and testing which one feels stronger for the brand.

Direction 1 leans more editorial and product-focused, with a cleaner cream layout, image grid, and a stronger emphasis on coffee culture and product discovery.

Direction 2 feels more immersive and lifestyle-driven, using full-bleed photography, darker overlays, and a warmer coffeehouse atmosphere to create more emotion and brand personality.

Both directions can work, but they communicate slightly different things:

Direction 1: clean, curated, product-forward Direction 2: warm, emotional, lifestyle-focused

I’m leaning toward the second direction because it feels more human and memorable, but I’d love to hear which one feels stronger at first glance.

Figma Web Design design

11 voted

41%

16 voted

59%

27 votes

Closed

Abu Aasif Ansari

• Jun 13

Direction 2 for me — full-bleed photography creates that 'I want to be there' feeling instantly. Direction 1 is clean but Direction 2 has soul.

Mariusz Mitkow

• Jun 12

Built a concept website for an autonomous surveillance robot fully interactive 3D scene running live in Spline.

Dark environment, electric blue lightning, the unit sitting right in the middle of it. The kind of hero section that doesn't need a headline to make a point.