pro
Studio Meva
Web design and branding for startups & small businesses.
Day 7/30 of designing one hero section every day.
First, some honesty: "every day" hasn't happened. I started this challenge 13 days ago, and this is post 7, real life kept turning it into every other day. I'd rather say that plainly than quietly hope nobody counts. From tomorrow, I'm aiming for daily again.
But here's what I've learned already: showing up on an imperfect schedule beats abandoning a perfect one. Each of these seven has taught me something a tutorial couldn't.
Today: The Midnight Table — a one-night-only signature dining experience.
→ My first hero with zero photography. Everything is hand-drawn ink illustration on cream — plates, kettles, pastries, a whole tabletop of them. (Credits: magnific) When every restaurant site reaches for moody food photos, illustration instantly reads as "this event is different."
→ Ink blue and cream, one coral accent.
7 down, 23 to go- at whatever honest pace it takes😊
#webdesign #uidesign #herosection #30daychallenge #illustration #typography #designchallenge
1
2
21
Day 6/30 of designing one hero section every day.
Today: Fluff & Co., a dog grooming salon
The hero is a hover mask reveal component on Framer: the dog starts scruffy, and wherever your cursor moves, the groomed version shows through. You groom the dog with your mouse.
→ The interaction performs the headline.
→ Playfulness matches the client.
6 down, 24 to go.
#webdesign #uidesign #herosection #30daychallenge #interactiondesign #microinteractions #designchallenge
15
18
199
Day 5/30 of designing one hero section every day.
Today: Fern & Stone, a landscape architecture studio.
A draggable before/after slider built into the hero itself.
The "before" isn't ugly. It's just unimagined. A plain lawn, flat light, empty patio. That's what most clients actually start with, and it makes the reveal feel like imagination, not renovation.
This slider IS the sales pitch: it does the exact thing the studio does, in one drag.
5 down, 25 to go.
#webdesign #uidesign #herosection #30daychallenge #interactiondesign #landscapedesign #designchallenge
2
30
Day 4/30 of designing one hero section every day.
Today: an event landing page for "Glow Nights": an immersive winter light experience in Sydney, headlined by a DJ.
Events are a different design problem. You're not selling a product people can evaluate, you're selling a night they have to imagine. So:
→ Video does the imagining for them. The hero sits on live footage of the light installation, thousands of suspended points of light. No still image gets close to this.
→ The title stays bone-white and dead simple. When the background is this loud, type has one job: don't compete, just be legible from across the room.
→ The details bar anchors the bottom like a ticket stub. Date on one side, venue on the other.
4 down, 26 to go.
7
8
233