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
#1 - Hero section
I've started building my first landing page in Framer, and this is the hero section.
Taking it one section at a time.
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
Claude
Claude has entered the design space. How are you using it?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
Brand Design
The best brand designers are on Contra. Scroll to see what's trending in brand design. What are you building?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?
Related posts
The “mobile-first” approach is no longer an option.
A beautiful design for desktop computers does not automatically guarantee an excellent mobile experience. Good responsive design isn’t just about resizing elements to fit the screen; it’s about ensuring they function effectively.
In this comparison, both versions are based on an identical desktop layout. The only difference lies in how the content is adapted for smaller screens.
In one version, everything is simply scaled down.
In the other, the hierarchy, spacing, and composition have been reimagined to meet the needs of mobile users.
Now it’s your turn. 👇
Which mobile version would you choose – 01 or 02? Tell us why in the comments.
56 voted
52%
52 voted
48%
108 votes
Closed
1 🙌
Your website is often the first impression your brand makes. Make it count.
I designed this portfolio experience around a simple idea: modern web design should look great, communicate clearly, and make it easy for the right people to take action.
I wanted the visual direction to feel bold and modern while keeping the experience focused on what matters—the work, the message, and the person behind the design.
From the typography and visual hierarchy to the dark aesthetic and interactive feel, every element was intentionally designed to communicate who I am and how I approach web design.
I design in Figma and bring ideas to life with Framer, creating modern digital experiences that help brands stand out, build credibility, and connect with their audience.
This is more than a portfolio.
It's a reflection of how I think about design.
What do you think of the direction?
Love the bold dark aesthetic and clean typography, Samuel! That portfolio design really captures a modern, intentional brand feel. ✨
Meridial — Wealth Management Platform
For Meridial, I designed a system where the one thing that matters — portfolio drift — always surfaces first, no matter how many clients an advisor is tracking.
Signal over noise, even at 200+ portfolios. ⚪
The challenge:
Advisors managing dozens of portfolios need to instantly spot what's drifted from target — without digging through spreadsheets or noisy dashboards that bury the signal in data.
A dark, grain-textured UI gives Meridial a private-banking feel instead of typical fintech blue. The landing page proves the product directly in the hero with live allocation and drift cards, while the dashboard extends the same card system into radar charts, composition breakdowns, and a weekly digest — built so advisors can scan hundreds of portfolios at a glance.
A case in making complex portfolio data resolve into one clear signal.
The dark grain-textured UI gives this a truly exclusive private-banking feel. Did you animate the allocation drift cards and radar charts using Jitter or native Figma prototypes?