Project Overview
Syrma Johari MedTech is one of the region's leading end-to-end MedTech partners — a CDMO spanning design, engineering, contract manufacturing and regulatory compliance. Sixteen production sites, four design and innovation centres, 2.1 million square feet of manufacturing space, serving global OEMs across the US, EU and India.
For a company operating at that scale, the digital presence told a different story. A dated, text-first WordPress build that read like a blog, generated two to three leads, and gave a global-calibre manufacturer the web presence of a local vendor. The objective: rebuild the entire platform — information architecture, design system, sixty pages, custom development, a real content engine, and an AI concierge — into an experience that matches the company's global standing and is engineered to convert.
UX Research
Information Architecture
UI/UX Design
Custom WordPress Development
Mobile First Design
Mega Menu Engineering
CMS Architecture
Mobile-First Design
Native AI Assistant
CRO & HubSpot Integration
Static Experience, Broken Architecture
No motion, no modern interaction, and an information architecture that made it hard for a visitor to understand what the company did or find what was relevant to them.
Fragmented, Inconsistent Design
Pages were built in bits and pieces. No shared system across type, colour, spacing or components, so the site never read as one brand.
Dated, Blog-Like Experience
The build carried the look of an older WordPress site — text-first and template-driven, with none of the polish a global manufacturer's buyers expect.
Underperforming Lead Engine
A global-scale CDMO was generating just two to three leads. The site captured, qualified and converted almost none of the OEM traffic it received.
No Visual Hierarchy
Wall-to-wall text with no weighting. Nothing guided the eye, every message competed with every other, so none of them landed.
What Do They Actually Do?
Capabilities were scattered across text pages with no structure, so a buyer couldn't quickly grasp the full scope of design, manufacturing and compliance.
Can I Trust Them at This Scale?
Proof of a global, regulated manufacturer — sites, certifications, awards, case studies — was buried in paragraphs instead of shown.
Where's What's Relevant to Me?
A diagnostics OEM and an aesthetics OEM saw the same undifferentiated site, with no segment or technology paths to their own use case.
Is This a Serious Global Partner?
The dated interface undercut the company's real standing, making a 2.1 million square foot manufacturer look smaller than it is.
A CMS for Blogs and Nothing Else
A single CMS powered the blog. News and events, case studies, whitepapers, webinars, thought leadership and media had no structured home — each was a manual, hard-coded page that couldn't scale.
How Do I Even Start a Conversation?
No clear, low-friction path from interest to enquiry meant motivated buyers had nowhere obvious to convert.
THE PROCESS
Project timeline - 12 Week
1.
Goals and approach + Audit findings + Opportunity mapping + Scalability constraints of the WordPress environment
2.
Existing-site content audit + Competitor benchmarking against global MedTech CDMOs + Buyer personas + User journey + Information-architecture gaps
3.
Information architecture + Category templatization + Design system + High-fidelity design across 60 pages + Reusable component library + Clickable prototypes
4.
Custom WordPress build + Reusable, editable components + Mega menu + Seven CMS engines + Native AI assistant + Performance rebuild
UX research Process
The build started with a full audit of the existing site and a benchmark against the world's leading MedTech CDMOs — mapping how top contract manufacturers structure capability, segment and technology content, where trust signals sit, and exactly where Syrma Johari was losing buyers to clutter and confusion. Those findings set the architecture, the templatization strategy, and the trust-and-conversion logic that runs through every page.
USER PERSONA
We conducted user research to identify 7-8 distinct user personas. This allows us to tailor the website experience for each unique audience segment.
Reorganised sixty pages into a clear, scalable hierarchy that lets any buyer find their path in a single move — and gives every category its own visual family.
1.
Organised the site into five clear pillars, so a buyer can grasp what the company does and go straight to what matters to them.
2.
Built a dedicated template per category. Every page shares a logic; so does every page inside Segments and Technologies.
3.
Every page carries capability, proof and a clear next step, so exploration always has a route to enquiry — never a dead end.
4.
Designed reusable, editable components and CMS-driven content, so the team can grow the site — new pages, new resources, new authors — without touching code.
Mapped the buyer's path from first impression to enquiry, then removed friction at every step.
Navigate by capability, segment or technology straight to the exact relevant expertise.
Read the proof — case studies, certifications, awards, test infrastructure — shown, not buried.
Convert through low-friction forms and an AI concierge that answers on the spot and books the call.
Each decision is read through the two lenses a product designer has to hold at once — the buyer's doubt it removes, and the business outcome it's built to drive. A single system of templates and components carries all sixty pages.
PROBLEM
SOLUTION
PROBLEM
SOLUTION
PROBLEM
SOLUTION
PROBLEM
SOLUTION
Proof pulled out into scannable stat cards at the top of every capability page, so a buyer sees the evidence before the pitch.
PROBLEM
SOLUTION
PROBLEM
SOLUTION
PROBLEM
SOLUTION
PROBLEM
SOLUTION
PROBLEM
SOLUTION
We rebuild MedTech and B2B platforms from the architecture up — design system, custom development, a real content engine and on-site AI, all engineered to convert.