Landing page concept for a networking CRM platform — designed in 3 weeks from zero to full visual system.

<aside> 🎨

Web Design

</aside>

<aside> 🖥️

SaaS

</aside>

<aside> 👱🏻‍♀️

Real Client

</aside>

Details

The Challenge

Designing a landing page for a product that doesn't exist yet

JonCRM had no product, no screenshots, no users — just a vision and a brief. My task was to communicate the platform's value so clearly that people would trust it enough to join a beta waitlist. That's a harder design problem than it looks: you can't show features that don't exist, and you can't fake credibility.

"How do you make people feel the value of a product they've never used — and convince them to sign up before it even launches?”

Research

I started with structured questions to map what the client knew about their users. Then I analyzed three CRM competitors (Lightfield, Capsule, Copper) to find the market gap.

<aside> 1️⃣

CRM tools feel cold and corporate.

Competitors focus on pipelines and data. JonCRM's opportunity was to lead with human connection — "behind every contact is a story."

</aside>

<aside> 2️⃣

Target users: managers, recruiters, networkers.

They manage 100+ contacts and lose context constantly. The pain is real — JonCRM needed to speak directly to that feeling.

</aside>

<aside> 3️⃣

The brand needed to feel light and human.

Soft colors, open layout, friendly tone — the opposite of Salesforce. Openness and modernity were the brand pillars.

</aside>

Structure

Building the user journey

I designed the page as a narrative arc — not a features list. The visitor moves from emotional resonance to product understanding to confident signup.

<aside> 1️⃣

Hero — First impression

"Твій помічник у нетворкінгу." Emotional tagline + interface mockup + single CTA. No feature overload.

</aside>

image.png

<aside> 2️⃣

Features — The proof

Card scanning, voice-to-contact, auto-enrichment. Shown as UI cards — not a spec sheet.

</aside>

image.png

<aside> 3️⃣

Value — The why

"За кожним контактом — історія." Photo + copy section that makes users feel the product before they understand it.

</aside>