This project was built with:
Landing Page Design (Figma) for high CRO | Saas | Real Estate

Ralph Jones

Verified

1
Review

Design Systems Specialist

Web Designer

Figma

Jitter

Webflow

SaaS

Designing a high-CRO Landing Page for the next generation of Real Estate Agents | SaaS

✦ Overview

Deliverables: Web Design (Figma), Design System set-up & maintenance UI Style: Brutalist / Playful / Art-nouveau Stage: Early-Stage Start-Up | 🚧 In-development, Coming May 2025 Industry: Real Estate

✦ What is 4Humans?

4Humans is a productised service (SaaS) offering a premium website templates with integrated social media automation for real estate agents that market on social media. Lead magnets for Gen-Z, Influencer real estate agents..
A dynamic Hero section
An engaging Bento Box with custom graphics, ready for animation.
An engaging Bento Box with custom graphics, ready for animation.
Optimsed for both Mobile & Desktop

✦ Design Strategy

Trust should be a top priority when designing a landing page. People buy from those they trust, and trust directly impacts conversions.  To maximise conversions and build trust, your landing page must resonate with the user’s core problem and clearly present your software as the solution.
A Custom Landing page acts as a bridge—it connects your user's pain points to the solution you provide, making it easy for them to take action with confidence. Build credibility, establish connection, and show them why your product solves their problems.
A Pricing Module backed-up by a high-level Testimonial. Below this is a FAQ to immediatley address any concerns.
A Pricing Module backed-up by a high-level Testimonial. Below this is a FAQ to immediatley address any concerns.
Integrations
Integrations

✦ Design System

The purpose of a design system is to enable scalability, maintain consistency, and streamline the development process, making developers' lives easier. An absence of design system can lead to: ❌ Inconsistent User Experience – A fragmented interface confuses users and weakens your brand and thus harms conversion. ❌ Slower Development – Developers waste time recreating components, increasing costs.
Input Fields with 7 different crucial 'states'
Input Fields with 7 different crucial 'states'

Why partner with me for Landing Page Design?

Strategic, Not Just Aesthetic I go beyond visuals—I design with conversion, user psychology, and business goals in mind to create landing pages that drive real results.
Tailored for Your Audience Design decisions are based on deep research into your target audience, ensuring the message, layout, & experience resonates with the user and builds trust.
Expert in Design Systems I create visually stunning Landing Pages on top of scalable design systems that reduce development time and cost.
Like this project
1

What the client had to say

Ralph added vision to our positioning, upgraded our brand guidelines with a twist of current design trends, and designed beautiful images to complement the landing page copy. He communicates well and goes above and beyond to deliver.

Kyle Ludwig, 4Humans

Jan 5, 2025, Client

Posted Mar 13, 2025

✦ Fully responsive (Mobile & Desktop) custom Landing Page on Figma ✦ Design System set-up & documentation

Likes

1

Views

12

Timeline

Dec 12, 2024 - Jan 5, 2025

Clients

4Humans

Tags

Design Systems Specialist

Web Designer

Figma

Jitter

Webflow

SaaS

A Collection of End-to-End Product Design Projects | 9 years Exp
Senior Product Designer for Crypto / Fintech  App | Figma UiUx
Senior Product Designer for Crypto / Fintech App | Figma UiUx
End-to-End 'Product Strategy' | High-Level Product / UX Design
End-to-End 'Product Strategy' | High-Level Product / UX Design
A Collection of High-CRO Landing Pages | Figma | Webflow
A Collection of High-CRO Landing Pages | Figma | Webflow