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
need your eyes on this one :)
two hero options for a private tutoring platform we're working on at @effekt_design
left or right?
4 voted
15%
23 voted
85%
27 votes
Closed
Right Aligned
Appreciate the feedback man :)
Went with the right aligned version. Left aligned text is easier to scan first and the CTA doesn't have to compete with the phone mockup for attention like it does in the centered one.
Lovely insights! Much appreciate G
I voted the left aligned hero too, though for a different reason than scanning speed: on a learning platform the headline and CTA need to land before the eye reaches the device, and the centered version splits attention between the two. Whichever ships, the real lever is CTA...
Right for sure. Left aligned copy with the app mock on the right creates a much better reading hierarchy and gives room for key CTA and store badges. Are you trying to get web conversions first or pushing users directly to download the mobile app?
I'd pick Left. The split layout creates a clearer hierarchy, while the centered version makes me wonder where I should look first.
Right aligned app option is easy to read @Ahmed Alsayad
Right aligned for me… the text on the center aligned was too tiny and made the whole thing look off and not balanced
Superb !
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
Taste Test 👀
Same brand.
Same color palette.
Same subject.
Two completely different design directions.
I designed two hero sections for the same beauty salon to see which one creates a stronger first impression.
A or B?
Which one would you choose and more importantly, why?
I’m curious to see what the design community prefers. 👇
#WebDesign #UIDesign #LandingPage #DesignInspiration #CreativeDirection #UXDesign #DesignCommunity
10 voted
30%
23 voted
70%
33 votes
Closed
I'm torn on this one honestly, A feels warmer and more editorial while B leans a little more retail-catalog. What made you land on testing this pair specifically instead of two totally different concepts?
When designing a consulting agency website, most people lead with services.
We usually do too. It feels like the logical starting point.
But when we worked on Orvian Labs, we tried something different.
Instead of opening with what they do, we led with what the client actually needs to feel before they read anything clarity and trust.
The hero doesn't list services. It just says "We Bring The Clarity Your Business Needs." And the rest of the page builds the case quietly a scrolling industry list, a three-card value section, 120+ projects as a single trust signal, and a dark manifesto block that finally tells you who they are.
The testimonial comes last. By that point, the visitor already believes it.
What we noticed was that leading with feeling before features made the layout decisions much easier. Every section had a clear emotional job to do, not just an informational one.
This was one of our website layouts to work through. Hope you like it.
#web design # ui-ux design
Premium quality work.
Branding & Hero Animation for Newly.app — AI App Builder
End-to-end branding and hero section design concept for an AI platform that turns ideas into native iOS and Android apps without writing a single line of code.
What we did:
→ Brand Identity: Visual language, color palette, and typography system.
→ Hero Section: Animation concept built around the metaphor of [insert your metaphor, e.g., "ideas transforming into live products"].
→ Motion & UX: Micro-interactions, transitions, and scroll behavior.
The Challenge:
Visually conveying the speed and "magic" of AI while maintaining a professional, tech-forward, and trustworthy image for founders and entrepreneurs.
The Result:
A high-impact hero animation that explains the product's core value proposition in under 3 seconds—capturing the feeling of [insert emotion, e.g., "turning a raw idea into a shipped product with total control"].
Tools: Figma, After Effects, Cinema 4D
Client: Newly
That hero animation is really clean. Love how quickly it shows what the product does.