Proto – Operating System for Membership Clinics (Figma → Framer)
A full modern website designed and developed for a healthcare workflow automation platform.
Overview
Proto is a platform designed to automate workflows and unify patient data for modern membership-based clinics.
My role was to create a complete website with a premium healthcare aesthetic, clear product communication, and a system-focused visual identity.
I designed the entire UI in Figma and built the website in Framer, ensuring smooth animations, fast performance, and a clean component-based structure.
My Role
Figma UI/UX Designer
Framer Developer
Visual direction (green healthcare theme)
Component-based system
Page layouts & information architecture
Interactions + animations
Responsive design
Design Direction
1️⃣ Modern Healthcare Interface
Used a deep green palette and glass-card surfaces to create trust, stability, and a high-end medical tech look.
2️⃣ Product-Centric Hero Section
Hero message:
“The Operating System for Membership Clinics.”
Supported by clean CTAs and a strong visual focus.
3️⃣ Workflow Visualization Module
The center radial diagram showcases all major modules:
E-Prescribe
Billing
Scheduling
Lab
Charting
Requirements
Communications
AI-Assisted Tools
This gives users a clear understanding of how Proto unifies clinic operations.
Framer Development
After design approval, I developed the site in Framer using:
Component variants
Smooth motion animations
Responsive containers
Auto-layout structure
Reusable global styles
Fast-loading assets
The final site is lightweight, scalable, and visually premium.
Tools Used
Figma
Framer
Animation tools/Motion
Result
Delivered a fast, modern, and conversion-focused healthcare website that clearly communicates Proto’s value to clinics and enterprise clients.
The final web experience is clean, structured, and optimized for demos & lead generation.