Vibrant Roommate Finder Landing Page

I run a PropTech startup that helps city-dwellers team up on rent, and I need a single, high-impact landing page that instantly communicates that promise. The page’s sole goal is to convert visitors who want to find a roommate, so every element—from copy to UI—should drive them toward creating a profile and starting a match.

Design & tone
• Bold and colorful visuals that feel energetic and inclusive, avoiding a corporate look.
• Clean, modern typography and plenty of white space so the bright palette never feels overwhelming.
• Mobile-first layout with smooth micro-interactions.

Core experience
The visitor lands on a dynamic hero section, enters basic details in an inline search bar, and immediately sees potential roommate matches. A lightweight sign-up gate follows to capture leads and unlock messaging.

Key features to build
- Search functionality with filters (budget range, location, lifestyle tags).
- Registration flow (email, Google, or Apple).
- Matching system that pairs users on compatibility metrics we’ll provide.
- Direct messaging so matched users can chat without leaving the site.

Tech & hand-off
Webflow is perfectly acceptable—I’ll provide access—but I’m open to any stack you propose (React, Next.js, Gatsby, etc.) as long as:
1. The page loads in under 2 s on 4G.
2. I receive editable source files and clear deployment instructions.

Acceptance criteria
1. All features above function on Chrome, Safari, Firefox, and Edge, desktop and mobile.
2. Google PageSpeed score ≥ 90 for mobile.
3. Tracking events for visits, sign-ups, and message clicks ready for GA4.

Share a brief outline of your approach, preferred tools, and any sample work with bold palettes or roommate/real-estate themes. Let’s make the perfect first impression for future flatmates.