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
Remember this? 👇
The digital dining experience is done.
Designed in Figma. Built in Webflow. Powered by CMS and custom code, and honestly a lot more custom code than I expected going in 😅
It's fully responsive, works across desktop and mobile, and covers the full menu experience: browsing by category, favourites, search, and the small interactions that make it feel like a real product instead of a static menu.
Pairing it with the main restaurant site (also built in Webflow, content managed through CMS) means the whole dining experience now lives in one connected system instead of a website and a PDF menu living separate lives.
Genuinely one of the more fun builds I've done this year. Lots of figuring things out, breaking things, fixing them, and staring at my screen wondering why a interaction wasn't firing, then it clicking into place.
The restaurant website - https://digital-dining-experience.webflow.io/
The digital menu - https://digital-dining-experience.webflow.io/
Drop your thoughts below, would love to hear what you think 👇
digital-dining-experience.webflow.io
Restaurant Menu | Order Traditional European Cuisine
Browse our full menu of traditional European dishes, from hearty stews and schnitzels to fresh seafood, desserts, and drinks. Order now for dine-in.
I started building a restaurant website in Webflow and somehow ended up building the digital dining experience too.
The main site was designed in Figma and...
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 should a creative agency website actually feel like?
For Orvika, we didn't want another agency site built around the same safe layouts and predictable sections.
We pushed the visual direction further with oversized typography, editorial layouts, bold imagery, and stronger contrast, while keeping the experience structured enough to communicate the agency's work and capabilities clearly.
The goal wasn't just to make it look different.
It was to make the agency feel different.
Designed in Figma and built in Framer.
We're sharing more of the websites and digital experiences we've been working on here over the next few weeks.
Very neat man
Most furniture websites try to help you buy faster. This concept for SÖDER ATELIER explores a different idea:
What if the experience helped you choose better?
The design is built around the values shown throughout the concept craftsmanship, natural materials, longevity, repairability, and thoughtful living. So instead of treating the homepage like a catalogue, the experience gives space to:
→ The story behind the pieces
→ Curated collections
→ Craft and material details
→ Long-term value
→ Customer perspectives
→ Clear product discovery
The visual language stays quiet and editorial, letting the furniture carry the attention. Because when a product is made to live with for years, the website shouldn't make it feel disposable.
SÖDER ATELIER — a responsive furniture e-commerce exploration.
🏀 Full Design Showcase – Better View on Dribbble.
↗ Furniture E-commerce Product Website
The homepage sells longevity, and Signatures of the house still gives you category chips to browse by. Curious whether the product page carries the craft and repairability fields too.
Some more Midjourney backgrounds.
