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
In recent days I’ve been practicing designing around an image.
Sometimes an image can have great potential and reinforce the message we want to convey. I’m not saying this is the correct way to prepare a strategy, it’s simply an exercise. As a result, I created these three hero section designs, which I’ve published in the Figma community where they can be freely used for experimentation.
If you use them, I’d love to see the outcome, so make sure to tag me!
Love these!
Thanks!
So beautiful
Thanks Anna!
Thanks!
Crisp, clean, and effective.
Thanks Kaushal, I’m glad you like it!
Totally, sometimes the message is already in the image and you have to design in favor of that. I think there isn’t a single correct way, and it’s important to stay open to exploring different paths to reach the goal. Thanks!
super design
Thanks!
Great work 🔥
Thanks!
i agree , choosing the right image can showcases the message very clearly
Exactly, the image is just as important as the headline, and they should work together in the same direction, not compete. Thanks!
What you mention is very important, the psychology behind what you sell and what the user should feel when seeing the hero. I always propose this quick exercise to the client: name the feeling your customer has right before they find you. Does your hero answer it?
Thanks for your comment Shruti!
Brilliant work !
Thanks!
Great balance of typography and heavy imagery! Clean execution, Iván
Thanks Saba, I'm glad you like it!
Great exercise. Shows how much one strong image can set the tone for the whole hero.
Precisely — once you have the appropriate image, you simply need to pair it. Thank you!
Great work.
Thanks!
The Summit example is clearly the strongest of the three. Honestly, I haven’t designed the mobile version yet—I’ll do it to see how the images work in that format and whether they have the same impact. Thanks, Ella!
Really like this exercise. Image-first can work really well when the visual carries part of the message, not just the mood. Otherwise, there’s always a risk that the layout starts serving the image instead of the product. The stronger examples here work because the image is actually helping communicate the idea.
I think this works well when you understand the brand and the product, and especially when there is a strong conceptual idea behind it. In that case you can look for the image first and have the layout reinforce later. Everything together becomes more powerful. It's a great...
good design
Thanks!
this is so cool
Thanks Victor!
Really nice hero layouts
Thanks Patrick!
very true, just with image we create a feeling not just a text can create
Not only do words give a message or feeling, images cause a stronger impact and are what usually first attract attention. Thanks for commenting!
Amazing Designs
Thanks!
lovely
Thanks!
Crazy designs
Thanks!
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
Related posts
Very nice
Doppel — Threat Graph
Making complex cybersecurity concepts clear through motion.
For the Doppel Threat Graph product film, I contributed to the visual development and animation. The product connects digital threats across multiple channels, revealing how individual signals form part of a coordinated attack campaign.
The challenge was to translate this technical functionality into a clear visual narrative—showing why the connections between threats matter and how they help reveal the bigger picture.
My work covered storyboard and motion exploration, animation, and scene refinement throughout the feedback process. The focus was on introducing information progressively and guiding attention toward the relationships central to the product’s value.
The result is an animated product film that introduces Doppel Threat Graph and makes its core functionality easier to understand. The project demonstrates how motion design can bring clarity to a complex software product.
Services: Storyboard Exploration · Motion · Animation
That's unbelievable great job 🎉🎉🔥🔥
Most creative brands try to say everything at once.
More colour.
More shapes.
More visual noise.
But for this identity exploration, the idea was simpler:
Make creativity feel meaningful.
Introducing we/make, a bold, human-centred visual identity built around collaboration, growth, and purposeful making.
The mark is designed as a flexible expression of “we” and “make” coming together.
It represents:
• Ideas turning into action
• People creating together
• Growth through meaningful work
• A creative process that stays clear, warm, and confident
The visual system pairs a deep navy foundation with a fresh green accent, bringing together trust, focus, energy, and optimism.
Rounded typography and soft graphic elements keep the brand approachable, while the structured layouts give it a modern, professional feel.
From stationery and meeting-room signage to campaigns, billboards, and event spaces, the identity is built to work wherever creativity needs to show up.
Creative thinking. Meaningful making.
Would love to hear your thoughts on the visual direction.
What stands out to you first, the logo, colour palette, or overall brand feel?
#BrandIdentity #BrandDesign #CreativeDirection #VisualIdentity #GraphicDesign #LogoDesign
