Medoleon - Website Design

Project Overview

What is Medoleon?

Medoleon is a Salesforce consulting and implementation agency helping brands architect, customize, and integrate Salesforce solutions. The agency approached me to design a website that could translate a highly technical service — Salesforce architecture, CRM integration, and enterprise support — into a website that feels approachable, credible, and easy to navigate for non-technical decision-makers.

My goal was to build a site that communicated expertise and trust at a glance, while giving Medoleon a distinct visual identity in a market crowded with generic “corporate blue” agency templates.

Challenge & Solution

The core problem

Research

Understanding the users

Before starting the design process, I analyzed leading platforms such as HubSpot Agency Partners and Salesforce-certified consulting sites to identify industry best practices in service presentation, process transparency, and client trust-building. Research shows that B2B decision-makers typically judge a consulting agency's credibility within the first few seconds of landing on a site, and prefer clear service breakdowns, visible proof of expertise, and a transparent view of how an engagement actually works. These insights helped shape a user-centered experience focused on simplifying technical Salesforce offerings, visualizing the project workflow, and building instant credibility for a brand-new business with no prior online presence.

Design Process

How I approached it

Wireframes

From chaos to clarity

With no existing site to reference, I mapped the homepage as a first-time narrative: hero → social proof → mission statement → process → about → tools → recent work → services → integrations → FAQs → blog → CTA. Every section had to introduce Medoleon from zero, so the flow was designed to move a stranger from "who is this?" to "I trust this team" within a single scroll.

Final Designs

I established the full visual identity as part of this project — a confident navy-and-gold palette, rounded soft-UI cards, and generous whitespace to make a brand-new, technical business feel established and approachable. The Workflow Process section (Discovery → Design Concept → Development & Testing → Launch & Support) was designed specifically to reassure first-time clients who'd never worked with Medoleon before. An Integration hub showcasing Salesforce, Slack, Shopify, SAP, and NetSuite compatibility helped establish technical credibility instantly, without relying on brand reputation.

Design System

Built to scale

One of the most valuable deliverables from this project was a full design system built in Figma — 120+ components, 8 typography styles, a token-based colour system, and documented interaction patterns. This became the foundation for all new feature development across Knowmax.

Key Learnings

What I took away

• Speed is a design feature. Every second saved in search directly impacts business KPIs — design for speed first, aesthetics second.
• Systems thinking pays dividends. Investing time in a design system upfront slashed design and development time on every subsequent feature by 60%.
• Progressive disclosure is underrated. Giving users the most important answer first, with detail on demand, reduced cognitive load significantly without removing information.
• Stakeholder alignment is design work. Getting product, engineering, and CS teams aligned on the new IA took 4 weeks — and was the most valuable 4 weeks of the project.