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
For the second month now, I've been part of a design community called "Design Like Girls". Every week there's a challenge, and this one took me somewhere I wanted to share. These challenges keep pulling me outside my usual B2B habits.
The format:
Pick a UI shot, recreate it in 20 minutes, then draw a random task from a bag and redesign around it.
My shot was a beautiful Miami location widget: full-bleed photo, big elegant "MIAMI" typography, quiet everything else.
My task:
Redesign it for conversion instead of retention.
The actual redesign.
The original was made to look at, but easy to scroll past. My version had to be made to act on. So the hero image got demoted to a background. A big CTA became the point. The rating moved to the top, doing the persuasion work before anything else. Time and distance appeared right above the button, so "how far, how long" wasn't a mystery. The location name was increased to turn it into the whole reason someone would tap. What used to be admiration became information + action.
Then I pushed it further.
A single widget always shows the same thing. But a Miami morning is nothing like a Miami evening: different energy, mood, and a length of walk you can handle.
So I designed three states, one for each part of the day:
Morning: Art Deco Walk — architecture, warm light.
Afternoon: Miami Beach Chill — coastal and easy.
Evening: Brickell Dinner Route — city lights and dinner.
Same layout with three different atmospheres. The widget stops being a card and starts being something that knows what suits the moment.
And then, one more thought. A contextual widget is smart, but it's also opinionated because it picks only one thing for you. What if the person didn't want what was offered today?
So I added a list button to the widget and designed what happens when you tap it: the full screen opens with a list of walks, the current recommendation at the top labeled "top pick for this morning," and alternatives below.
What I liked about this exercise:
The brief was about conversion. But the more I sat with it, the more the real question became something else: how does a widget stay useful when the user changes their mind?
That's the question I want to keep designing around.
Made with Figma and Claude.
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
Three days ago, I had never opened Rive.
Today I'm submitting LEAD CHANGE — a live golf broadcast overlay.
In golf, one putt can reorder the whole tournament. But broadcast graphics almost always show it after the fact. I wanted the opposite.
Everything on screen runs off a single value: the player's score.
Change it, and the card, the ticker, and the position all move at once. The position isn't drawn; a Luau script computes it against the rest of the field.
Under the hood: data binding on a Leaderboard ViewModel, a four-state machine that physically swaps the top two rows, and a second layer running a constant idle pulse so it never sits frozen.
Designed in Figma, animated in Rive, composited over real footage.
@rive_app #rivebroadcastchallenge
This is awesome 🔥
When selling a premium service, mentorship, or high-value framework, a generic template fails to convey the true depth of your offer. The challenge I solved here was translating a multi-stage methodology into an intuitive, high-converting digital experience, built natively on Webflow.
By combining an editorial landscape aesthetic with modern, scroll-triggered interactions, I turned an abstract concept into a seamless visual journey.
Methodology Visualized: I designed custom interactive nodes (Relaxation → Attention → Motivation) that walk users step-by-step through the core process.
Webflow Build: I developed the full site on Webflow with clean HTML/CSS architecture, fluid animations, and fast load speeds.
Editorial Identity: I paired a warm color palette and subtle grid architecture with vintage illustration elements to build immediate authority.
Flexibility: I set up a clean Webflow CMS structure so you can easily update content without touching code.
Need a custom site that clearly communicates the value of your framework and converts visitors into clients? Send me a message and let’s discuss your project!
Amazing work!
Sports Ticket Booking & Team Analytics App UI Animation
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?
