Housi –– Framer templates

Marie Dyachenko

Web Designer
Low-Code/No-Code
UX Designer
Figma
Framer

🔍 Overview

I designed and built in Framer an engaging, mobile-first "Link in Bio" solution for realtors to enhance their social media presence and convert traffic into leads more effectively. This solution includes customizable templates and a modular design, catering to each realtor's unique branding and call to action needs.

⭐ Project details

The client reached out to me with a clear vision in mind and a goal to address existing problems in real estate community.

💥 Problems

Realtors gather much of their business through social media such as Instagram and Tiktok. However their websites are not optimized for a seamless mobile experience, causing a frustrating user journey from social media to website.
Existing sites lack effective call to actions and mechanisms to capture leads.

📄 Requirements

2-3 templates agents can pick from. Different design styles to match agents branding, vibe and impress their potential clients.
Modular, easily customizable design for agents to choose blocks they want to display on their site.
A way for clients to show their active or previously sold listings.
Built in Framer.

✅ Results

🎨 Themes

We went with 3 different themes aimed to cater to a wide range of agents: Elegant, Bold & Minimalist. Each theme contains of the same blocks, slightly varying in layout.

🧩 Blocks

Content

Header block – Avatar, name & location
Social media links
CTAs – made to be completely custom, but generally contain website and contact links.
Listing cards

Layout

For each theme there's 3 ways how agents can display their listings:
A single carousel featuring both for sale & sold properties.
For sale & sold properties displayed in carousel consecutively in separate sections.
For sale & sold properties displayed in carousel in separate tabs.

Colors

Minimalist theme features a dark mode. Thanks to Framer's color styles feature, agents can select either pure light or dark mode, or alternatively, choose a version that changes mode based on user's device settings.

Gathering leads

Templates include an alternative CTA button to help realtors capture leads and connect with potential clients. When clicked, a popup shows up, asking users to enter their email to get updates on new listings or to chat about selling their property. This simple feature helps realtors build an email list, keeping their audience engaged and driving interest from both buyers and sellers.
Partner With Marie
View Services

More Projects by Marie