Transformative Web Design: From Button Tweaks to Creative UI

Transformative Web Design: From Button Tweaks to Creative UITransformative Web Design: From Button Tweaks to Creative UI

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

Alan O

pro

• Apr 11

Started with "let me just tweak this button a bit"

Ended up with glowing particles and an expanding light sweep.

Anyway, it's becoming a @Framer component.

Rive Framer

KOLAWOLE BABATUNDE

• 2d

Really strong execution 👏 The attention to detail and clarity in the presentation stands out. What was the main goal you were trying to achieve with this project?

Alan O

pro

• 1d

Pretty much an experiment — was working on a component so it can be reused later.

NOMAN IJAZ

pro

• Apr 11

Cool

Alan O

pro

• Apr 11

Thanks!

kolawole Mordecai

• 2d

Amazing 😍 😍 😍 😍 😍

Jordan hurren

• Apr 7

After all the hard work, it’s finally landed on @Framer marketplace. My first interactive component, a 3D infinite Parallax scroll with a dynamic Lightbox. Proud to finally start creating with framer, More coming soon! Check it out at: https://www.framer.com/marketplace/components/infinite-3d-slider/

#framer #webdesign #vibecode

Framer webdesign vibecoding

Juice Lab

pro

• Apr 10

You made this look simple. That’s the hardest part.

Ismel Figueroa

max

• Apr 7

#FramerChallenge Week 1: $10,000 (proof in the comments) 👀 @Framer client via @Contra HQ #1 - Global Rank 373 - Participants 🟩 ⬜️ ⬜️ ⬜️ ⬜️ $10K / $50K are you in? let me know your goal in the comments below 👇

Framer Contra framerchallenge

Ismel Figueroa

max

• Apr 7

X post here

Sergey Bertagnini

pro

• Apr 7

$2,500. (Yes I designed the vehicle too) That’s how much this website was redesigned for after the product was already developed.

This project has been running for over a year.

Not as a one-off, but through continuous iterations: from early sketches → to full 3D development → to a website that clearly explains and positions the product.

The key wasn’t just execution, but alignment:

• product and communication evolving together • constant refinement over time • clarity at every stage

The result?

The project was presented at the University of Oxford and helped secure 6 future investors.

Not because it looked good but because it was clear, structured, and credible.

This is the level of work I focus on.

If you’re building something ambitious even at a smaller scale this is the level of execution you can expect.

Let’s talk.