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
EMPIRE is officially nominated for Site of the Day on Awwwards 🏆
We just wrapped a full redesign of their main site and storefront, and this one was a beast in the best way. I redesigned and rebuilt their website in Framer with Framer Commerce on the front end, fully restructured the Shopify backend, and powered everything through dynamic CMS so their team can update content without touching the design 😉
The focus was clarity & scale. Cleaner navigation, smarter architecture, and an editorial feel that still handles serious commerce across a massive catalog.
If you’re curious how far Framer can really stretch, this project shows it.
It’s live on Awwwards if you want to take a look and rate the site (no pity votes babes, I want your real ranking).
Congrats 🎉
Huge congrats on the Awwwards nomination Madison! The EMPIRE redesign is stunning - that commerce integration with Framer Commerce while maintaining editorial sophistication is chef's kiss. As the founder of KEISH Design Studio, how do you balance the technical complexity of...
Thats amazing!! congrats
Yaay congrats!!
Congrats on the nomination 🏆
Love when clarity wins over noise. Balancing editorial feel with heavy commerce isn’t easy. If it scales well, that’s the real flex.
Congratulations! Great project
huge congrats on the nomination! 🚀
Congratulations @Madison Green
Congratulations!
ok this was really a great project saw your work at the discover page really great work
This is amazing 👏
congrats!
just checked it out it's so neat, well done!
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
Here’s a little piece from my current project. As I watch the Swiss design concept become a part of my creative DNA, I find myself constantly gravitating towards this direction in web design.
What’s really interesting is that Volume 3 studio and I are experimenting here, mixing things that seem completely unmixable at first glance.
Since Volume 3 is a CGI and VFX studio, it was crucial to incorporate a 3D dimension into their brand communication. On top of that, a Terminal UI is exactly what keeps that technical vibe going.
So, the final mix is International (Swiss) style, a Terminal UI, and a 3D feel brought to life by neumorphism. Crazy, right???
It looks simple and clean, but behind the scenes, there’s a massive amount of work on the details. We focused on all those little things that push the UX/UI into the premium segment — the things you don't necessarily see right away, but you definitely feel when you're on the page.
The work is still ongoing, so I can't dive into reflecting on the whole process just yet, but I'm gonna keep revealing small parts here.
Swiss grids on the web never get old when they're this clean. What are you and Volume 3 mixing it with?
Noise Reveal, a premium reveal component for Framer
I built a component that gives Framer sites cinematic reveals for images, video and live layouts. It has a soft, film-like edge with glow and grain, and can play on load, on view, from a variant or scrubbed by scroll.
It’s built for production: the reveal is prepared before it scrolls in, it’s accessible with reduced-motion support, it falls back when WebGL isn’t available, and pages stay plain HTML when nothing is moving.
Launched on the Framer Marketplace. Open to custom Framer and interaction work.
The WebGL fallback and reduced-motion support are the parts most reveal effects skip, so it's great to see them called out. Does the fallback keep some of the grain edge with CSS, or does it drop to a simple fade?
Card Banking Web Design Exploration
“A modern bank card for the modern world.” That line set the tone, and the layout follows it.
The hero is one pixelated card, built from small squares in lilac, lime and black. It breaks apart into the page, and the product still reads first.
The headline runs large across the left in clean type, so big the message lands before anything else. The card keeps its playful shape, and the words still lead.
Thin line icons and numbered points split the features into small, clear blocks. The busy information gets a strict structure to lean on.
A single lime button sits under the headline and marks where to go next.
Designed by Pixel & Form.
#WebDesign #BankingDesign #FintechDesign #UIDesign #LandingPage #ProductDesign #ResponsiveDesign #CardDesign #Typography #FigmaDesign
Nice work!