pro
Day 11/30 ✦ Designing interactive websites every day for 30 days.
This build features a Modern Editorial Hero with custom 3D Cursor-Bending Typography that warps and morphs in real-time.
1
33
Day 10/30 ✦ Designing interactive websites every day for 30 days.
This build features a Cinematic Aperture Hero with custom Liquid Gooey Typography that seamlessly fuses and morphs.
1
31
Day 9/30 ✦ Designing interactive websites every day for 30 days.
2
63
Day 8/30 ✦ Designing interactive websites every day for 30 days.
This build features a Brutalist Scale Scroll, a rhythmic stack of content that perfectly grows into place with a raw structural effect as you explore.
Open to custom website projects. Let's work together. 💥
2
83
Day 7/30 ✦ Designing interactive websites every day for 30 days.
This build features an Infinite Snapping Scroll, an endless loop of content that perfectly snaps into place with a smooth floating effect as you explore.
2
2
83
Designing interactive websites every day for 30 days.
This build features Scroll-Pinned Rotational Stacking: a custom GSAP engine where sections rotate into place and stack with depth recession and velocity-reactive particle debris.
Open for custom website projects 💥
6
5
219
Day 4/30 ✦ Designing interactive websites every day for 30 days.
This build features an Organic Fluid Mask, using a custom canvas engine that grows on scroll and physically repels from your cursor in real-time.
Open to custom website projects. Let's work together.💥
6
5
261
Day 3/30 ✦ Designing interactive websites every day for 30 days.
This build features an Elastic Image Trail, using a custom fluid motion system that bends and stretches in real-time based on cursor energy.
Open to custom website projects. Let's work together💥
2
2
164
Day 2/30 ✦ Designing interactive websites every day for 30 days.
This build features a Liquid Scroll Distortion, using a custom rendering system to create an organic, fluid reveal tied directly to scroll velocity.
Open to custom website projects. Let's work together 💥
1
140
Posting my work 💥
This animation is way too satisfying
gsap + split text + stagger timing
Hero sections like this keep people on the page longer
2
3
209
A soft, minimal design that uses interactive physics to create a premium studio feel 💥
1
438
An immersive landing page translating architectural minimalism into a digital experience 💥
5
5
734
There are so many techniques now to speed up your creative workflow 💥
Been using a product look-book grid technique, model + product → layout in ~1 min
Feels like the perfect time to build the one you wish actually existed.
Flora Technique Challenge is a chance to build it and let others run with it 🌿
Starts April 8.
If that sounds like your kind of thing, join here (https://on.contra.com/9z9hQm)
2
15
1.9K
The New Google Stitch - Are Designers Finished?
Made this with ONE prompt 👉🏾: Landing page for a stargazing retreat in the Utah desert with dark skies photography and a cosmic dark theme.
2
2
493
POV: you stopped waiting weeks for your SaaS website…and got it today 💥
2
401
AI-built website. Live faster than you’d expect 💥
Live Link (https://ideon-two.vercel.app/)
3
3
405
< 30 minutes. That’s how long it took to design + build Vanguard.
A premium shop for high-end gear that values both form and function. 🛡️
=> Scrolling ticker for live updates.
=> Interactive bento grid.
=>Subtle reveals for technical specs.
Execution > endless planning.
1
3
387
One of my favourite things to do is build product concepts that don’t exist yet.
This one is Dyson × Glossier: AIR GLOW, a wand that wraps your skin in a cloud of serum.
2
363
< 30 minutes.
That’s how long it took to design + build Nomad.
A travel flow for people who actually care about the details. 🧭
- Instant discovery.
- Total vs nightly price toggle.
- One-click reservation.
Execution > endless planning.
2
2
336
$0 link-in-bio setup.
– Buy a .com domain @Hover via @Contra HQ
– Get 1 free .online domain
– Turn it into a custom link hub
No monthly fees.
No platform lock-in.
Here’s mine: studiodija.online (http://studiodija.online)
1
307
I didn’t expect this to be this easy! 🤯
I was able to create, train, and deploy an AI Agent in under 5 minutes using @Chatbase
I plugged it into a website I built a while ago, followed a quick step-by-step guide, and boom —
👉 a live AI assistant answering questions
👉 engaging visitors
👉 actually useful from day one
This is the most basic setup possible.
If AI on your site felt “too complex” before… yeah, that excuse is gone.
Can’t wait to build custom AI agents with this. 💥
2
2
363
Built a nature-inspired hero section 100% in Hana 🌿
What would normally stay flat instead comes alive with depth and dimension.
I started with a simple 2D illustration and reimagined how it could exist in space.
Instead of flattening everything, I pushed select forms into 3D to guide focus.
The trees grew into dimensional shapes while keeping their illustrated charm.
The bird floats with a liquid glass effect, blending seamlessly with the scene.
The ocean subtly pulses with noise-driven motion, adding life without distraction.
By the end, a simple sketch became a layered, immersive hero section that feels alive yet effortless.
4
8
555
This is my second submission to the Morphic challenge.
I want to show the quiet moment after a financial choice.
The teen climber, the mother, and the activist each make small, deliberate decisions.
What to spend on, what to save, what truly matters.
The receipts show intention, not loss.
Money spent with thought, on purpose.
Faces are neutral, even a little solemn, because budgeting is personal.
A bus ride, a repaired jacket, flyers being posted — ordinary moments carrying quiet weight.
It all comes together at the final receipt: “Balance: Still Enough.”
Calm, control, satisfaction. The story lives in choices that make sense in everyday life.
It shows the agency that comes from knowing where your money went.
Budgeting is empowerment. Intentional living. YNAB’s mission is reflected in every frame. (Fan-made, speculative concept)
2
4
476
I kept coming back to one simple Barilla line:
“There’s a pasta for everyone.”
So I stopped thinking about pasta and started thinking about people.
This film isn’t about recipes or perfection.
It’s about the quiet, human moments where pasta shows up: late nights, shared tables, empty plates, familiar hands, new faces.
Every scene was designed emotion-first, letting texture, light, pacing, and sound do the talking.
Which pasta are you? Spaghetti, Penne, Fusilli… or maybe the wildcard Gluten-Free? 🍝
This is a fan-made, speculative concept, created with respect for Barilla’s values.
Not affiliated with or endorsed by Barilla.
Because in the end
There’s a pasta for everyone, and everyone belongs at the table. 💥
6
8
701
6
8
397
One of my favourite things to do is build product concepts that don’t exist yet
This one is Takway × Nintendo: a small gadget that houses an AI pet.
It responds to touch, movement, and quiet moments. The idea isn’t utility, it’s companionship.
Nintendo feels like the right inspiration: simple, playful, and full of character.
I’m curious, do you think gadgets should be made to feel alive, like companions or just tools?
2
4
332
Week two of Contra Quest 💥
Sharing a part of NOVA X1 I loved — the product showcase section.
Built with HTML/CSS/JS and AI-generated visuals, it taught me a lot about letting scroll tell the story.
Curious — when you showcase products, what grabs your attention first: motion, layout, or story? 👀
2
6
449
Made an imaginary New Balance x LEGO.
Would you wear this? 👀
2
461
I made a page to compare exchange rates 💸
Now you can quickly see what different providers are offering and grab the best deal.
1
439
Would you use one app to manage all your subscriptions? 👀
2
581
I shared my 2026 goal this week on Contra’s “Reintroduce Yourself” quest: create more than I consume, and it resonated with a few creatives 🤍
As a designer, one thing stuck with me: how do I take my work to the next level—make design feel like an invitation to create? I want more. I want to see my designs come alive.
And honestly, that curiosity led me to vibe with coding, feels like a superpower :)
This year’s theme: creating at the next level, using AI to elevate every design.
Here’s a walkthrough of my latest creation: Lederly, a mobile app to manage your subscriptions ;)
2
555
Day 2 of testing creative tools, today’s pick is still @Lovart AI (https://contra.com/company/lovart), now with @Canva (https://contra.com/company/canva).
Used it to turn the custom designs into short video ads for social media :)
Seeing how visuals can bring ideas to life
Excited to keep experimenting and sharing what work.
4
555
Day 1 of testing new creative tools, today’s pick is @Lovart AI.
I created 5 visual concepts for Affogato Butter Perfume, each inspired by a different scent note.
Used it to bring scent notes to life through e-commerce visuals designed to convert.
After exploring all five, these are my top picks.
Citrus notes for fresh, energetic, scroll-stopping appeal 🍋
Floral notes for soft, clean elegance that builds trust 🌸
Both sit within the same brand system but evoke different emotions.
Which one would you choose?
4
656
Saley's onboarding experience 🤩
Designed in Figma, built with Figma Make.
Move. Eat. Shop.
2
2
702
It’s not just about getting from A to B.
Studies across urban centres worldwide show that commuters are often mentally drained even before reaching their destination.
Yet almost every navigation app only cares about speed and cost.
So as a design engineer, I asked: Why can’t navigation help you stay calm?
Here’s what CalmWay (https://tempo-deployment-6a68b84b-7185-46cc-nu.vercel.app/) offers:
1. Kai, your AI companion for stressful moments
2. Guided breathing to reset on the go
3. Calm music for mood regulation
4. Mood reflections to track your commute’s impact
5. Streaks to reinforce mental well-being
6. Stress-aware reroutes around hazards, police, and traffic
Tempo Canvas (https://app.tempo.build/canvases/6a68b84b-7185-46cc-a4d5-fa14f8b9d249/editor)
X (https://x.com/dijathepro/status/1997653936824533350?s=46)
9
33
1.6K
Your website deserves more than generic templates.
Go custom, stand out with a design made just for you!
1
698
Created a website design that doesn’t just look good.
It guides visitors, helping them understand what Nomad does in a way that’s fun, interactive and impossible to ignore.
Design that sparks curiosity and naturally drives action, that’s what I do.
1
636
Patients like Emma don’t want to “explore”; they want to solve a problem.
Her only question: Which doctor near me takes my insurance?
So we put that need front and centre.
Search becomes the homepage, with filters for speciality, location, insurance and availability.
It’s a frictionless path to care, designed around real patient behaviour.
2
3
611