SocialPro Product Designer 2024 B2B SaaS · Website

The marketing site hid its own demo button.

SocialPro's website had unclear messaging, buried CTAs, and generic illustrations instead of product screenshots. I redesigned it into a conversion-focused platform — demo requests jumped 13%.

+13%
demo requests
100%
users found nav clearer
New
design system shipped
SocialPro website redesign — homepage and product pages

The Problem

Four issues killing conversion

Unclear Value Prop

Messaging didn't connect SocialPro to real business pain points.

Buried CTAs

"Book a Demo" lacked prominence and hid below the fold.

Generic Illustrations

Abstract art replaced real product screenshots, reducing credibility with enterprise buyers.

Inconsistent Visuals

Disjointed typography, colors, and layouts undermined trust.

How I Found the Problems

A structured audit, not guesswork

I ran a heuristic evaluation against the existing site, cross-referenced it with Hotjar session recordings showing where users dropped off, and conducted 5 stakeholder interviews to understand what the sales team was hearing on demo calls. The four problems weren't assumptions. They surfaced independently across all three methods.

Design Solutions

Three changes that moved the needle

Prominent CTAs + Social Proof

"Book a Demo" now appears at every stage of the page. Added client logos immediately below the hero to build credibility before users even scroll.

Real Product Screenshots

Replaced all generic illustrations with actual platform screens. A feature grid highlights productivity, employee management, social procurement, and reporting.

Transparent Pricing

Clear product tiers with feature breakdowns for quick comparison. Custom quote option for enterprise clients with complex needs.

Consistent Design System

Unified typography, color palette, and component library applied across every page — ending the visual fragmentation that was undermining trust.

SocialPro website — redesigned homepage with clear CTAs
SocialPro website — product features and real screenshots

Hard Decision

Stakeholders wanted to keep illustrations. I pushed for 100% real screenshots — enterprise B2B buyers need to see the actual product before committing to a demo call.

SocialPro website — transparent pricing page with tier comparison

Validation

Tested with 6 users before launch

I ran moderated usability tests with 6 participants (3 existing customers, 3 prospects who matched our ICP). Tasks included finding pricing, booking a demo, and understanding what SocialPro does. All 6 rated navigation as "much clearer" with particular praise for CTA visibility and pricing page structure.

Impact

13% more demos, stronger market position

13% increase in conversions with a measurable jump in demo requests. The consistent design system also reduced future design and dev time for new pages.

"From day one, Asim brought a sharp eye for detail, creativity, and a genuine commitment to building user-friendly experiences. I'd recommend him to any organisation looking for a thoughtful, innovative, and dependable designer."
Taylor Jenkins · Co-Founder, SocialPro

Next project

MENA Capital — Trading Platform →