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
There is nothing quite like that feeling when a complex Framer build finally clicks into place, somehow. 🥹
Spent the last few days working tirelessly on responsive layouts, clean component structures, and smooth interactions, and I am genuinely so proud of how this one turned out.
Safe to say Framer has been an absolute joy to work with lately.
#Framer #WebDesign #UIUX #DesignCommunity
Yes something it feels like you are not doing right and finding it hard to get it sorted but suddenly everything just fall in place
Glad you get it too! 💚🤗
That feeling when all the responsive layouts, components, and interactions finally come together is so satisfying. 🥹 Great to see the build process paying off—Framer really shines when you can turn that complexity into a smooth final experience.
That feeling is so rewarding!
It’s one thing to design the screens, but seeing everything come together into a smooth, responsive experience is a different kind of satisfaction. Thanks 💚.
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
Datum, a personal portfolio website for builders and makers.
HTML, React and @Framer versions.
Go and check out the cool "inspect" feature at https://no-code.supply/templates/datum
Amaizing
How fast can a template get without changing a single pixel?
⠀
We just optimized 11 of our templates in Framer, Astro and Next.js. The rule was simple: nothing visible changes, only how things load.
⠀
What we changed: CSS inside the page, fonts from our own domain instead of Google Fonts, WebP images with phone-sized copies, videos that load when you scroll near them, heavy videos re-encoded without visible loss (one template went from about 20 MB of video to 2.4 MB), WebGL that starts near the screen, and analytics after the page. Every page was checked pixel by pixel at three widths before and after.
⠀
Mobile PageSpeed now, Astro / Next.js:
Sunbeam 100 / 100
Auria 100 / 96
Lapse 97 / 98, up from 64 / 66
Parley 97 / 94
Nova Quinn 93 / 92 ⠀
On desktop, Mote scores 98 in Framer and 100 in Astro and Next.js.
More posts on the individual fixes coming.
Nothing visible changes, only how things load is such a good rule. Speed work like this is underrated, buyers feel it even if they can't see it.
A few years ago I had the chance to take a course where one of the modules was taught by a designer I really admire, Joseph Berry.
The goal was to create a website for a product, in this case, a speaker. We went through the entire process, from receiving the brief to the very last detail, even modeling the product ourselves in 3D using Spline.
I learned so much, and also got to meet great designers. It’s amazing to see how each one has a different process, and having the chance to observe that and take a bit from each way of doing things to make it your own and develop a unique result really helps you grow a lot as a professional.
I’m sharing some frames from the project, hope you like them!
Great website design visuals I like the color palette ❤️❤️
Great job Ivan🎉🎉