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
Meriden — Real Estate Website Design
Medrien is a modern real estate website designed to make property discovery feel seamless, intuitive, and premium.
The website features an elegant visual identity with deep forest-green tones, warm neutral backgrounds, refined typography, and high-quality property imagery. From the hero section and property search interface to featured listings, agent profiles, client testimonials, and premium property galleries, every section is designed to create a cohesive and engaging user experience.
I designed the complete website experience with a focus on clear information hierarchy, intuitive navigation, consistent spacing, and a layout that helps users explore properties with ease. The design balances a sophisticated real estate aesthetic with usability, building trust while making property discovery more enjoyable.
Project Highlights
Complete real estate homepage design
Property search and featured listings
Dedicated service and premium property sections
Agent profiles and client testimonials
FAQ section and conversion-focused CTA
Consistent typography, colors, and visual hierarchy
My Role: UI/UX Designer
Tools: Figma
Project Type: Real Estate Website Design
Focus: UI Design, UX Design, Website Layout, Visual Identity, and Responsive Design
The goal was to create a polished digital experience that presents properties beautifully, builds credibility, and helps users take the next step in their property journey.
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
Wild Beasts – Wildlife Website UI/UX Design
A premium wildlife website landing page concept inspired by the beauty, strength, and mystery of wild animals.
The design combines a minimalist layout, immersive black panther imagery, rich forest-green colors, and elegant typography to create a visually engaging digital experience. The animal showcase section highlights different wildlife species while maintaining a clean and intuitive user interface.
Nice work
I bet you’ve NEVER seen button hover effects quite like these. And honestly, this time, I COOKED!
I went into this wanting to build a portfolio website. Somewhere along the way, it became so good that I’m genuinely considering making it my MAIN portfolio.
The scroll. The transitions. The interactions. But especially the button hover effects. Every little detail makes the experience feel alive, and I’ve probably spent more time hovering over these buttons than I’d like to admit.
But this wasn't just about making something that looks good. I wanted to build something that actually works for me.
THE BRANDING: I built the entire experience around my existing Sup* identity, keeping the personality intact while giving it a website that feels distinctly mine. From the visual language to the interactions, I wanted every part of the experience to feel intentional rather than like another template with a name slapped on it.
THE EXPERIENCE: As a designer, I obsess over the little things. The way an element responds when you hover over it. How scrolling feels. How one section transitions into the next. And how all of it comes together into an experience that feels cohesive.
The button interactions were easily one of my favourite parts to work on. But don't just take my word for it. Go try them yourself.
And yes, I designed a mobile-specific menu experience too. Please don't skip that part!
THE AUTOMATION: A portfolio shouldn't just display your work. It should help you get work.
One of my biggest goals was to turn this website into a funnel that brings potential clients directly to my Contra profile. I wanted to make it easier for people to discover my work, get in touch, and take the next step.
So, I built in form automation that delivers incoming submissions straight to my email and the website's admin side. No manually checking submissions across different places. The enquiries come to me, giving me a more direct way to keep track of potential opportunities.
It's a small but meaningful workflow that makes the website more than just a pretty front end.
THE STORY BEHIND THE BUILD - I've always wanted a portfolio website that properly showcases my work, personality, and approach to design. And once I found Contra, I realised I had the perfect opportunity to do more than just build a portfolio.
I could create a funnel that showcases my work and helps bring potential clients directly to my Contra profile.
When the @Base44 x @Contra HQ contest came along, it felt like the perfect excuse to bring that idea to life finally.
And the best part? This was my FIRST time trying @Base44. (Process video in the comments)
I've never had to type so little to get something this good. The recommendations were surprisingly on point, and instead of constantly fighting the tool to get what I had in mind, I could focus on what matters most to me: the experience, the details, and making the final product feel right.
As someone who genuinely enjoys pushing interfaces beyond the expected, that was a pretty exciting experience.
Because building something that looks good is one thing. Building something that looks good, feels good, works behind the scenes, and has an actual purpose? That's where the fun begins.
And Base44 made getting there ridiculously enjoyable.
This one's for the Base44 x Contra contest, and I might've accidentally built my new favourite portfolio in the process.
A couple of things I want you to try:
1. Hover over the buttons. Like Seriously.
2. Experience the mobile-specific menu.
3. Check out the custom favicon. Yes, that's me. 😉
Live website: https://supreet.base44.app/
Built around my Sup* identity. Designed to showcase my work. Automated to capture enquiries. Created to turn visitors into potential clients.
Now, please go hover over those buttons. You'll understand.
Base 44 Usage Proof:
Different products need different shopping experiences.
When exploring Shopify store design, I like thinking about how the brand, product category, and customer journey should influence the final layout.
For example:
→ A home decor store needs strong visual presentation and an editorial feel.
→ A coffee equipment store needs clear categories and product information that helps customers compare options.
→ A fitness store needs organized collections and a straightforward path to the right equipment.
The goal isn't to use the same design for every business.
It's to understand what each store needs and build an experience around it.
These concepts explore three different directions, but they share one principle:
Good e-commerce design should make products easier to understand and easier to shop.
Which of these three store styles would you be most interested in exploring?
Great point. I’d pick the home decor one, editorial layouts really sell the vibe. 🔥