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
Quartile has a blog now if you want to take a peak. Other parts of the site are SPA rendered but the blog is server-rendered — plain HTML, no SPA bundle, so it loads instantly and Google indexes the whole thing. Each post ships with OpenGraph cards, JSON-LD structured data, canonical URLs, and RSS.
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
What if the best way to introduce a product was to let people play first?
I'm building aftrglo - a motion tool for designers who want their work to look good online without learning motion
The app is still in dev, so for now I made a coming soon page where people can join the waitlist
And since it's a tool for designers, I knew I didn't want a classic marketing landing page
We all know how those work
But it doesn't feel like me 🤪
So I made a tiny interactive playground instead: a halftone effect that reacts to cursor movement, with adjustable settings to play with
Because designers love interactive little things
Not being sold to
And it worked!
The waitlist is growing with people waiting for the launch (which is coming very soon) and I've also been getting sooo many messages about the effect, the interaction, and how it actually works
I'm very into openness and creative support, so no gatekeeping here
👩🏫 ✍️ Here's the breakdown:
1. In Unicorn Studio, I have a scene with the logo image on the bg (the same one I use as the Instagram avatar)
2. On top of it, there's a God Rays effect that reacts to cursor movement
3. Plus a Bloom effect to make it even more glowy (because it's aftrglo, obv)
4. After that, outside of Unicorn Studio, I added a canvas overlay with a halftone effect
So the background is a live 3D scene, and the dotted pattern on top keeps reading and redrawing it in real time
Like old newspaper print but inverted:
Where the image is darker, the dots get smaller
Where it's lighter, the dots get bigger
That's why the pattern breathes and moves in real time
Magic! ✨
Play with it and join the waitlist if you want to see what I'm building 👩🍳
aftrglo.app
Goated plugin!
Coach websites do not need to explain the whole brain on the homepage.
This concept uses 3 words:
Clarity.
Conversation.
Cadence.
Easy to remember, trust and talk about on a sales call.
Modern and intuitive
Every great marketing agency needs more than a beautiful website—it needs a digital experience that convinces visitors within seconds. This Marketing Agency Webflow Website was designed with one objective: transform traffic into qualified leads through strategic storytelling, immersive interactions, and a frictionless user journey.
One of the biggest challenges during this project was balancing visual creativity with website performance. The design featured complex animations, overlapping sections, dynamic content, and interactive elements that could easily impact loading speed if not handled correctly. Another challenge was creating premium animations without sacrificing responsiveness across different screen sizes.
To overcome these challenges, I built the project with a performance-first mindset, optimizing assets, refining the page structure, and implementing clean Webflow practices. I also leveraged powerful tools and integrations including GSAP for advanced animations, Spline for immersive 3D experiences, Finsweet Attributes for enhanced CMS functionality, Relume for rapid component structuring, Memberstack for membership capabilities, Jetboost for dynamic filtering and search, and LottieFiles to create lightweight, engaging animations without compromising speed.
Built as a Webflow Expert, Webflow Designer, and Webflow Developer project, the final result is a lightning-fast, fully responsive, and visually captivating marketing agency website that not only looks premium but is strategically engineered to increase engagement, build trust, and convert visitors into long-term clients.
Sharp
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
fifaworldcup2026
The World Cup is here and the whole world's watching. How are you designing for the world stage?
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?