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
The Good Times website is live 👀
Most app sites start with a phone mockup and a list of features. This one starts with the problem, so you can see yourself in it first. The app shows up after that, as the answer.
https://goodtimestimer.com/
Built with Astro.
thanks!
Thank you for your feedback, DOT.
Looks amazing!
Thank you, Raheel
Looks amazing!
Thank you, Sujon
love this approach. most app sites lead with the phone mockup and features but starting with the problem makes it way more relatable. smart copy structure, did you write the narrative flow too?
yes all of it
Yes, sure.
Thamk you, Naim.
Leading with the problem is basically a product brief turned into a landing page. Scroll depth to the app reveal would tell you if the problem framing lands before the product shows up.
Thank you, Shoaib
Leading with the problem instead of the feature list is such a smart narrative move. The page tells a story before it ever shows the product, and that is a rare thing.
Thank you, Timothy
wow thats crazy impressive
Thank you, Ziva
Love how you show the problem before the app
Starting with the problem instead of the phone mockup is a smart call. You get hooked before you even see the app.
Great concept
thanks, but it's a real product not a concept! haha 😂
Well i meant your idea is great.
Congrats on the launch. Showing the problem before the phone makes the app feel earned.
Problem-first is easy to claim and hard to land. It works here because the problem is written the way people actually say it to themselves — "You meant to write but you're watching reels instead. Again." That "Again" does more work than any feature list could. By the time the...
Great job Mateo🎉🎉🔥🔥
Great temple❤️❤️
Good work🔥👏👏
Love It!
starting with the problem is smart. really clear story
Love the framing, Mateo — starting with the problem so visitors see themselves before the app is the right call for a utility like this. The Astro build is a smart, lightweight pairing for a fast, content-led landing. Shipping it live is the best kind of case study.
Great work
Thats super sick man, love that there are a lot of white space in design!
Wow, I just reviewed the website. Great design! The use of colors, fonts, white spacing, and page animations is really impressive.
smooth interaction, scroll animation like this makes the user stay longer
Wow great job
Great work! The details really help everything come together.
you are amazing
Art of making people feel understood
congrats on the launch, Mateo! such a gorgeous job, it feels so thoughtfully put together
Great Design
Opening on the journal-versus-reels line with that orange glow over the cream page is a smart hook, and the tilted photo cards look great.
nav pill echoes the round logo mark. warm photo over the sky feels calmer than a phone mockup.
the design looks cool.
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
Vihta is a Framer template for saunas, bathhouses and wellness venues, designed in Figma and built in Framer. It has 14 pages, live booking, gift cards and a CMS for events and a journal. Coming soon to the Framer Marketplace.
Nice work!!
These stickers are clickable on kaisle13.framer.website they link to each individual artists profile page and each sticker custom designed for that artist.
So cool!!
Pulsix started with a question: how much of a sportswear identity can you fit on the front of a cap?
I designed the brand around an angular X with a pulse cut through its center. On a pink cap, the chartreuse X can stand alone. On a billboard, the photograph and “Future is now!” headline take the lead. In this loop, the black Pulsix logo anchors a moving grid of apparel, campaign graphics and digital layouts.
My roles: Brand Designer, Graphic Designer, Motion Designer.
Tools: Adobe Illustrator, Adobe After Effects, Figma.
Where would you try the X first: on the cap or in motion?
I'd try it on the cap first. Motion can borrow the pulse cut once the static X proves it holds up at small sizes, and the watch face already hints that it does. Did the pulse line change shape between the cap and the animated loop?