Designing the hero section for a freelance finance app. Which hero design would make you download...

Designing the hero section for a freelance finance app. Which hero design would make you download...Designing the hero section for a freelance finance app. Which hero design would make you download...

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

Zakria Asim

pro

• Sep 1

Designing the hero section for a freelance finance app. Which hero design would make you download the app?

30 voted

64%

17 voted

36%

47 votes

Closed

Celia Sofia

max

• Sep 1

Side-by-side feels super balanced!

Zakria Asim

pro

• Sep 1

THank you Celia! I was thinking the same, but a bit confused to chose one 😁

Progress Fisayo

pro

• Sep 1

Side by Side mate

Zakria Asim

pro

• Sep 1

Thanks Progress! Appreciate

Leena | Product Design, UX/UI & Web

• Sep 2

The centered looks too scattered and badge visibility is too low.

Zakria Asim

pro

• Sep 2

Thank you for your valuable suggestion Leena! 😊

Amina Hussain

• Sep 2

Side by side🔥

Zakria Asim

pro

• Sep 2

Thanks Amina! The side-by-side layout definitely lets the copy breathe and gives room for the preview. Glad you like it!

Sahil Dobariya

pro

• Sep 2

Lovely design !

Zakria Asim

pro

• Sep 2

Thank you so much, Sahil! Really appreciate the kind words man 🙌. Did one layout stand out more to you - the centered hero or side-by-side?"

Daxesh Patel

pro

• Sep 2

personally I'd choose centered one, attracts better and focused than side by side

Zakria Asim

pro

• Sep 2

Spot on. Thanks Daxesh! The centered view direction all the attention directly to the phone mockup without distractions Thanks for sharing your take!

Arman Tamboli

• Sep 2

centre forces to focus on main product so it's good

Zakria Asim

pro

• Sep 2

Thanks Arman! 😊

Esther Adewumi

pro

• Sep 2

Side by side looks more engaging

Zakria Asim

pro

• Sep 2

Good to see your feedback :) Thanks

Boluwatife Delight

• Sep 2

Nice work as usual! Offering both light and dark states gives mobile product systems maximum usability.

Zakria Asim

pro

• Sep 3

Totally agree, having that balance between light and dark modes makes a huge difference in real daily use. Thanks Delight!

Daniel Babalotin

• Sep 2

The side-by-side is better because it is bold for me to see from a distance

Zakria Asim

pro

• Sep 3

Good catch on the readability from a distance! That extra visual separation really helps. Appreciate the feedback, Daniel!

Sujon Hossain

pro

• Sep 2

Premium look !

Zakria Asim

pro

• Sep 3

Thanks so much, Sujon! Really glad you like the Premiumness🙌

Tabish Malik

pro

• Sep 2

Side-by-Side for me. The darker background makes the app screen pop and the headline feels more confident. Centered feels a bit safe for a fintech app.

Zakria Asim

pro

• Sep 3

Spot on observation, Tabish! And that's actually the exact goal, since it’s a fintech app website, moving away from that 'safe' corporate look

Sandaruwani D

• Sep 2

side by side is better.

Zakria Asim

pro

• Sep 3

Thanks for the vote and input, Sandaruwani! Much appreciated 🙏

Sekinat Akinrinde

• Sep 3

The side by side gives the visuals a premium feel

Zakria Asim

pro

• Sep 3

Glad that premium vibe came through! It gives the product preview plenty of room to shine. Thanks Sekinat!

Pranto Chakraborty Mithun

• Sep 3

looks great 👍

Zakria Asim

pro

• Sep 3

Thank you Pranto! Really appreciate

Sahil S

• Sep 5

great work..

Zakria Asim

pro

• Sep 5

Thanks Sahil!

Shruti

• Sep 8

1st one, as basics always wins

Zakria Asim

pro

• Sep 8

Thanks Shruti for your feedback 🙌

Muhammad Saud

• Sep 8

The winning option splits the layout weirdly. Centering the text usually drives much better focus and conversion on web hero sections.

Zakria Asim

pro

• Sep 8

Agreed Saud! You are right! Thanks for your input

Millicent Peace

• Sep 8

side by side looks great

Zakria Asim

pro

• Sep 9

Thank youuu! I really appreciate on providing your valuable feedback.

Hunain K.

• Sep 9

Side by side one, 1st one looks amazing

Zakria Asim

pro

• Sep 9

Thanks Hunain for your input:)

Fahad Bin Qaiser

• Sep 16

The right one 🎀

Harsh Chhelavada

• Sep 22

Side by Side Mate!

Muhammed Ismaila

• Sep 22

this look great

Nikita Nirmal

• Sep 23

For a finance app, I’d go with the hero that communicates value instantly and has a clear, action-focused CTA. Clean hierarchy matters more than visual complexity here. 👌

Zakria Asim

pro

• Sep 23

Thanks Nikita! Love your point

Adrian Niculescu

• Oct 3

side-by-side all success!

Wisdom Onoshi

• Oct 4

Great stuff! I will go for the side-by-side arrangement, it looks more balanced.

Phillip Wells

• Oct 6

Side by side rad assymetry!

Abel Nega

• Oct 9

Subtle change but feels way better!

Denys Dod

pro

• Oct 6

Did a quick redesign of Raspire's hero, a YC-backed app security startup. One is their current site, one is my version. Which would make you book a demo?

Figma UI Design Framer

26 voted

68%

12 voted

32%

38 votes

Closed

Denys Dod

pro

• Oct 6

Here's what they look like side by side

Serge Herasymchuk

max

• Oct 8

Should a flower shop ever go black and white?

Same flower house, same layout. We only took the color out.

1. Full color. The iridescent petals do the selling: lilac, pink, a little shimmer. The photo is the brand, and every accent on the page borrows from it.

2. Monochrome. No color at all. Shape, texture and typography have to carry everything, and the page suddenly reads like a gallery catalogue.

Color sells the flower. Monochrome sells the exhibition.

Which one would get you through the door?

Web Design

67 voted

91%

7 voted

74 votes

Closed

Jonathan Swanson

• Oct 8

The problem with monochrome is that, throughout computer history, it has conditioned users to associate gray and monochrome with being disabled, dysfunctional, or something to ignore and avoid.