CASE STUDY / 03

pRxcision

A responsive Framer website for an AI-powered infectious disease platform, translating complex clinical decision support into a clear and credible digital experience.

RESPONSIVE FRAMER WEBSITE

Clinical urgency leads into platform evidence, workflow value, and a direct route to demonstration.
ROLE
Lead UX/UI and Framer designer, via New Wonder
SCOPE
UX/UI, responsive design, CMS, forms, plug-ins
FOCUS
Clinical storytelling, accessibility, conversion

01 / DIRECTION

Complex science, made clear and human.

pRxcision combines patient, clinical, and microbiological data in real time to support more informed antibiotic decisions. I shaped the website around a human, evidence-led story that clinicians and hospital teams could quickly understand.

CREDIBLECLEARHUMAN

02 / SITE SYSTEM

A focused clinical story, built to evolve in Framer.

FRAMER WEBSITE / CMS / FORMS / PLUG-INS

I joined while the brand identity was nearing completion and translated its visual foundation into a structured digital experience. The information architecture connects antimicrobial resistance, product evidence, clinical workflows, FAQs, and clear paths to engagement.

01

Home

Frames the urgency of antimicrobial resistance, introduces the AI platform, surfaces evidence, and guides visitors toward a demo or early access.

02

About us

Builds trust around the clinicians, scientists, and technology shaping pRxcision’s infectious disease decision support.

03

FAQs

Answers implementation, workflow, security, clinician control, and how the platform differs from existing tools.

04

View demo

Shows how real-time patient and clinical data supports stewardship workflows and more confident antibiotic decisions.

05

Early adopter

Explains access, integration, priority support, training, and the no-upfront-cost program for hospital teams.

06

Contact page

Creates a clear next step for clinical, stewardship, and hospital technology teams ready to learn more.

BUILD EVOLUTION

From brand foundation to a flexible Framer system.

The initial launch established the core experience. I then expanded it with reusable modules, CMS-backed content, FramerForms, plugins, and responsive refinements that made the site easier to maintain and extend.

Brand handoff

Turned the emerging identity into practical web rules for colour, typography, imagery, hierarchy, and interaction.

Framer foundation

Built responsive page templates, reusable components, CMS collections, and conversion-focused forms in Framer.

Platform evolution

Enhanced the live site with Framer-specific plugins, richer motion, supporting integrations, and ongoing content improvements.

03 / RESPONSIVE

Responsive by priority, not just screen size.

Content priority changes with the viewport. Clinical context, proof points, diagrams, and calls to action are re-sequenced for comfortable reading on desktop and mobile.

pRxcision desktop homepage
Desktop: messaging, animation and supporting context share the wider canvas.
pRxcision mobile homepage
Mobile: the clinical story leads, with visuals sequenced for focused reading.
pRxcision clinical evidence and antibiotic impact on desktop
Desktop: data and diagrams sit side by side for comparison.
pRxcision clinical evidence and antibiotic impact on mobile
Mobile: key evidence becomes a clear, scrollable sequence.

04 / CONTENT SYSTEM

A modular content system supports a detailed clinical story.

Reusable sections give evidence, platform capabilities, implementation details, FAQs, and conversion moments a consistent rhythm while allowing every page to serve a distinct purpose.

01

Hero

MESSAGE + PROOF

02

Evidence

DATA + SOURCE

03

Feature card

CAPABILITY + OUTCOME

04

CTA

INTENT + NEXT STEP

05 / DELIVERY STANDARDS

A polished, accessible website built to grow with the platform.

01

Accessible contrast

Colour combinations throughout the website meet WCAG 2.2 AA contrast requirements.

02

Keyboard navigation

Aligns headings, focus order, forms, and calls to action for predictable navigation.

03

Scalable Framer system

Reusable components and CMS patterns keep ongoing updates efficient.

04

Integrated experience

FramerForms, plugins, and integrations extend the live site consistently.

CHRIS TRAVAGLINI / CASE STUDY 03