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
took us 2 weeks to design this page
1st week:
- Research
- Copywriting
- Wireframing
2nd week:
- colors & typography
- custom illustrations
- pixel-perfect UI
the client loved the final results
then came another 2 weeks of development to bring every detail to life
Amazing work
Thx Afnan!!
the week one/week two split is a nice way to show it
Thx Nazar
Two full weeks of research, copy, and wireframing before touching color or illustration is a rare amount of discipline. What from week one ended up getting reworked the most once week two actually started?
love it!
Thx 🙏
Good work🔥👏👏
Thx 🙏
So fresh, clean, and incredibly inspiring!
Thx 🙏
Superb design !
Thx Sahil 🙏
You can really see the time and thought that went into it. The custom illustrations and final polish look great!
Thanks Kabir
Great! The time and effort put into it are evident! 👍
Breaking down the timeline into research copywriting first and UI second clearly paid off. Did you encounter any unexpected layout challenges when moving those custom illustrations into Framer?
Love seeing the process behind this. The research and wireframing phase clearly paid off—the final UI feels much more intentional.
Impressive work
Love how clearly the two-week design process is broken down. Research and copy before visual polish are probably a big reason the final page felt aligned enough to earn the client’s trust.
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
Challenges
View all
Related posts
Finally dropping this case study.
✦ Really enjoyed shaping this experience.🚀
awesome😍
Shared a case study from a recent mobile project I built with React Native & Expo ✨
Looks nice!
Mote is a pre-order landing page template for hardware and physical products, built in Framer.
It covers the whole run-up to a launch: a cinematic hero, a scroll-scrubbed product film, a spec table, a reservation countdown, two pricing options, FAQ and testimonials, plus a reserve page with a working form, a terms page and a 404.
Who it is for: hardware startups opening pre-orders, wearables and consumer electronics launches, limited runs, and agencies building launch pages for product clients.
You get the template as an instant Framer remix link, or the bundle with the Figma design file. $79 one time, $119 with Figma.
Live preview: mote.framer.ai
I noticed that you have not only named it purpose forbphysical products, but also made it actually feel like physical on the design too. Great approach and design!
