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
Exploring multiple interaction directions for one client section
A client wanted to compare different ways of presenting project imagery, so instead of relying on references, I built several working variations in one prototype.
We tested:
— Structured vs. more chaotic layouts
— Different image ratios
— Square vs. portrait-heavy compositions
The goal was simple: make the decision easier before moving into the final build.
Prototyping the interaction early gave us clearer feedback, faster alignment, and less room for interpretation.
building the variations beats sending references every time
nice work man
Amazing work!
Building the working variations directly in Webflow instead of static comps feels like the right call for something this interactive. Did the client end up gravitating toward the structured layout, or did the chaotic version surprise them?
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
A closer look at the interaction design created for Podium Studios, a production company working with globally recognized brands.
The goal wasn’t to add motion everywhere. It was to create a more confident, cinematic experience that matched the quality of their work.
Every interaction had a purpose:
— Guide attention
— Create rhythm
— Confirm user actions
— Reduce friction
— Make the experience feel more polished
Built with Webflow and custom animation development.
View the full case study below.
I Designed and built a conversion-focused landing page for The Pretty Bar, a beauty studio in Kolonaki, Athens.
The salon needed an owned homepage that could replace a broken bio link and pull booking, social proof, and visit info into one place, instead of sending guests only to Treatwell or Fresha.
The site is a fast, mobile-first single page with a calm editorial look that matches the studio. Guests can browse services and FAQs, meet the team, see selected work, read verified reviews, and book on Treatwell or Fresha without leaving the brand experience.
It also ships bilingual EN/EL support, light/dark theme, SEO metadata, sitemap/robots, and social share previews so the page works for discovery as well as booking.
What I delivered:
- Custom Next.js landing page (hero, about, services + FAQs, team, gallery, reviews, contact/map)
- Dual booking CTAs (Treatwell + Fresha)
- EN / EL localization
- SEO + Open Graph / social sharing setup
- Responsive UI with motion polish
- Light/dark mode
Full Case Study Soon 🚀
The effects are damn awesome
The hero is the site's handshake, so it had to carry the whole idea in a few seconds.
Rather than a static image with a headline over it, the hero responds to cursor and scroll input with subtle parallax and depth. The freight reads as something in motion rather than a photograph of something that moved. Restraint mattered here: enough life to signal that this site behaves differently, not so much that it turns into a demo reel and gets in the way of the message.
The hero is the sites handshake—love that framing. Did you keep the full interactive 3D globe for mobile screens too or fall back to a lighter 2D version to save on performance?
