Socian Investment
A structured marketing site for an investment company.
- Role
- UX/UI Design
- Type
- Financial services site
- Focus
- Clarity · Trust · Hierarchy
- Year
- 2021
About
A financial services site where the focus was quiet authority — communicating a multi-product offering clearly, without the visual clichés of financial marketing.
Socian Investment needed a marketing site that could carry a complex financial product offering with credibility.
The brief covered the full site — navigation structure, product pages, supporting content, and the visual system that holds it together. For an investment audience, every decision had to serve clarity: communicate enough detail to satisfy informed prospects without overwhelming a casual visitor, within a register that reads as considered rather than flashy.
Signal seriousness through composition and typography, not through looking "financial".
Outcomes
Results in the first quarter after the new site launched.
+15%
Conversion rate
Higher conversion in the first quarter after launch.
+45%
Qualified leads
Growth in qualified inbound leads.
+30%
New visitors
Increase in unique new visitors.
Phase one · The brief
Credibility, made legible.
The site needed to:
- Communicate Socian's investment proposition to a non-expert audience without losing technical accuracy.
- Carry multiple investment products across a consistent template, so each reads as part of the same offering.
- Establish enough quiet authority that the brand reads as considered rather than performative.
- Scale gracefully to additional products or content categories as the business grows.
Phase two · The people
Who the site is for.
Three investor types anchored the design — from someone taking their first tentative step, to a planner thinking decades ahead, to an active investor who lives in the market. Each brings a different appetite for detail, and the site had to serve all three without diluting for any.
Thabo Mokoena
New investor
Thabo needs a platform that makes investing simple and approachable. He's motivated by learning how to grow his savings and gain financial independence — clear guidance, small investment options, and confidence-building insights help him start without feeling overwhelmed.
What they need
A simple, approachable way in — clear guidance and small starting options that build confidence rather than intimidate.
Lerato Nkosi
Planning for retirement
Lerato seeks a reliable platform that helps her make informed, strategic decisions. She's motivated by long-term financial security and peace of mind — detailed reporting, portfolio insights, and expert guidance let her track progress and feel confident in her choices.
What they need
Detailed reporting and portfolio insight that supports informed, strategic decisions for long-term security.
Sipho Dlamini
Active investor
Sipho needs a responsive platform with real-time updates and actionable insights. He's motivated by staying competitive and making timely, informed decisions — fast-loading dashboards, market alerts, and analytics tools help him act quickly and confidently.
What they need
Real-time updates, market alerts, and fast analytics that let him act quickly and stay competitive.
Phase three · Problems & solutions
Four tensions, four responses.
- 01
Problem
Lack of trust and credibility
Prospective clients were hesitant to engage with a new investment firm without clear signals of reliability, transparency, and professionalism.
Solution
A credible brand presence
The design emphasised trust through professional visuals, clear messaging, client testimonials, and transparent explanations of services and fees.
- 02
Problem
Complex investment information
Financial products and investment details can overwhelm first-time investors, leading to confusion and drop-offs.
Solution
Simplified, user-friendly content
Information was structured with clear visual hierarchy, plain-language explanations, and interactive elements like dashboards and charts to make key insights accessible.
- 03
Problem
Difficulty in lead generation
Without an effective digital presence, the firm struggled to convert website visitors into potential clients.
Solution
Optimised conversion paths
Lead forms, clear calls-to-action, and streamlined sign-up flows guide users toward enquiry and onboarding, boosting lead-generation efficiency.
- 04
Problem
Diverse user needs
Users ranged from beginners to experienced traders, each requiring different levels of information and functionality.
Solution
Persona-driven design
Personas informed tailored content — simplified onboarding for beginners, real-time portfolio tracking for active investors — so varied requirements were all met.
Phase four · Approach
Architecture before ornament.
The work started with information architecture and content hierarchy rather than visual exploration. Investment content lives or dies on legibility, so the foundation was a clear typographic ramp that could carry dense product information without fatigue.
Visual decisions followed structural ones. The palette stayed restrained — neutral surfaces, a single accent, no ornament that didn't earn its place. The goal was a site that signals seriousness through composition and typography, not by trying to look "financial" via visual cliché.
Phase five · Design system
Trust through composition.
A restrained, deliberate system tuned for clarity. Investment content lives or dies on legibility, so the system foregrounds typography and hierarchy and lets neutrals carry most of the surface — trust through composition, not ornament.
- Typography — a focused type ramp where hierarchy itself does most of the communication work
- Colour — a neutral foundation with a single accent reserved for emphasis (CTAs, key data points, navigation states)
- Layout — consistent container width and stable spacing rhythm; predictable section patterns build trust through familiarity
- Components — a small vocabulary (hero, feature grid, product detail block, FAQ, contact) composed into every page
Phase six · Selected screens
Selected screens.
The key surfaces at a glance.
Socian Investment homepage
Homepage — hero and intro. Investment proposition framed with restraint and quiet authority.
When the content carries weight — investment products, dense detail, real money — the typographic hierarchy becomes the brand more than any colour or mark does. Get the type and spacing ramp right first; everything else follows.
— Reflections
More case studies
