The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Wellos — Healthcare SaaS Frontend Architecture & Scalable Design Systems
Wellos was an emerging healthcare SaaS platform developed within RVO Health. The platform was being expanded to bring capabilities from established wellness programs, including Real Appeal and Quit for Life, into a more flexible, unified product experience.
These programs supported different healthcare needs, including weight management, coaching, activity tracking, and smoking cessation. The challenge was building an architecture that could support distinct customer journeys, integrations, and product branding while making it easier to add programs over time.
I joined the initiative as a Staff Software Engineer, bringing more than a decade of experience designing and implementing shared frontend component systems at scale.
Frontend Architecture & Design System
I helped establish a reusable React and TypeScript component architecture built around React Aria, Class Variance Authority (CVA), and Tailwind CSS.
React Aria provided accessible interaction primitives, while CVA enabled consistent component variants and states. We developed a shared Tailwind styling foundation that teams could adopt across the broader healthcare vertical, letting each team apply its own branding through separate theme configurations.
This approach reduced duplicated implementation work while maintaining consistency across products and giving each program flexibility in its visual identity.
Complex Workflows & Sensitive Data Boundaries
Supporting multiple healthcare programs introduced important architectural considerations. Each program required its own customer journeys, application state, and backend API interactions.
I advocated for explicit state-machine modeling to make workflow transitions and safeguards easier to reason about. When the team chose to keep its existing Redux architecture, I developed a Redux approach that established clearer boundaries between program-specific workflows.
These safeguards helped reduce the risk of unintended cross-program interactions and sensitive healthcare information being sent to unrelated services. Backend authorization and data protection remained separate responsibilities.
Hands-On Frontend Implementation
Alongside the architectural work, I translated Figma designs into React and TypeScript interfaces and implemented much of the shared component system and frontend foundation.
The goal was to give teams reusable building blocks for new features, customer journeys, and branded experiences without repeatedly rebuilding common UI functionality.
Outcome & Impact
I established key architectural patterns and delivered substantial frontend implementation supporting Wellos's planned expansion into additional healthcare programs.
My involvement concluded during a company-wide reduction in force before the broader initiative was completed. The architectural foundation and implementation work I contributed were intended to support continued development and future product expansion.
Technologies: React, TypeScript, React Aria UI Components, Class Variance Authority (CVA), Tailwind CSS, Redux, Figma
Visual Assets: An actual Wellos homepage screenshot, accompanied by conceptual illustrations of the shared frontend architecture, workflow isolation, and reusable component system. The diagrams represent architectural concepts from my work, not original internal documentation.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Fifteen templates. Finally, all of them are out.
The NINE50 code takes 50% off everything until 10 October, so All-Access is $129.50 for the lot.
A week ago no-code.supply opened with six. Four drops later, the last three, Good Dirt, Tidewater and Iris Vey, went live today. It's the shop I wanted to build for years and never had the time for, made with an AI coding agent doing the typing and me doing the directing.
That's the full set for now. Thanks to everyone who followed along.
Vela, is crazy good 🔥 . Kudos to you!
A modern, visually focused website designed around clean layouts, bold typography, immersive visuals, and smooth interactions. The design combines a strong visual identity with an intuitive user experience, creating a polished and premium digital presence.
I focused on UI/UX design, responsive layouts, visual hierarchy, animations, transitions, and interactive elements to make the website feel dynamic rather than static. The experience was designed with attention to spacing, typography, composition, and consistent interaction patterns across different sections.
The project showcases my approach to creating modern, creative, and conversion-focused websites that balance aesthetics with usability and responsive frontend implementation.
Five Logo Directions for a Health App — Logo Design & Motion
Five logo directions for a healthcare app that people trust with their medical records and their money.
I gave myself strict rules: each logo has to work at 16 px and at app-icon size, in one colour, and without the usual clichés (no shield, cross, heart or checkmark).
In the video, each logo builds in its own way, then you see it at every size and inside a real product: app icon, browser tab, notification.
I did the concept, the logo design and the animation.
Live interactive version: https://vipinsao.github.io/health-logomark-directions/
Self-initiated concept project.
@Mykola Malyhin thanks for appreciating my thoughts I really hope you liked my concept.