MediVero | website design concept for a Healthtech Platform
A strategic design concept for a health-tech website, focused on translating complex medical data into a clear, trustworthy experience for healthcare professionals.
Key facts:
Market & Competitive Research
UX Copywriting
Information Architecture
Visual Storytelling
Art Direction
High-Fidelity UI
Image Generation
Scalable Figma Components
Health-Tech
summary.
Project overview
The Context
MediVero is a concept for a health-tech platform that helps medical practices manage diagnostics. This case study focuses on designing a marketing website that effectively communicates the power of the innovative platform.
The Objective
To create a website concept for an AI-powered platform that feels accessible yet authoritative. The goal was to prove that medical software marketing can be "airy" and modern without losing the clinical credibility required by the industry.
My Role & Impact
As the UX/UI designer for this concept, I led the process from initial research and competitive analysis to the final visual system. I focused on "humanising" the tech through intentional layout and copywriting.
Scope & Delivery
Executed in 5 weeks, the project moved from initial user research to a high-fidelity prototype to a comprehensive UI design. The final delivery serves as a complete visual and structural blueprint.
challenge.
Humanising Medical Complexity
The core challenge was to explain a complex AI technology in simple terms while maintaining a professional, high-trust atmosphere. I needed to bridge the gap between "technical power" and "user-friendly care" through a strategic visual structure.
Simplifying the Technical
Medical professionals are often overwhelmed by technical jargon. My task was to translate data-heavy features into clear, benefit-driven content that reduces cognitive load without losing clinical authority.
Establishing Instant Trust
In healthcare, design is credibility. I had to create a visual language that felt both innovative and established – using structure and spacing to prove that the platform is reliable and secure.
insights.
Research & findings
Through a deep dive into medical SaaS trends and competitor analysis, I identified several friction points that shaped the design strategy:
Outcomes Over Features
Research showed doctors prioritise clinical effectiveness and time-saving over technical specs. The design leads with "results" (accuracy and efficiency) to address the fear of diagnostic error.
The Credibility Gap
Many competitors use cutting-edge tech but rely on outdated UI. I found that trust in healthcare is built through transparency – pairing a modern aesthetic with clear evidence like case studies and expert reviews.
Designing for Partnership
Target audience data highlighted a "fear of replacement" among staff. To mitigate resistance, I shifted the narrative from "Automation" to "Human-AI Partnership," positioning the tool as a professional assistant.
To ensure a seamless browsing experience, I designed a structure centered around key medical personas. The architecture balances clarity and depth, creating an information flow that mirrors a professional’s decision-making journey – from initial awareness to clinical trust.
Persona-Driven Pathing
Organised the content to address specific user needs immediately, leading different medical stakeholders toward relevant actions like requesting a demo.
Frictionless Navigation
Implemented a minimal navigation system to reduce cognitive load, ensuring that busy healthcare professionals can find critical data without unnecessary clicks.
Trust-Based Flow
Structured the page to move from high-level value propositions to deep technical evidence, answering the "credibility gap" identified in the research.
Conversion Strategy
Used persistent and strategically placed CTAs to capture interest at high-intent moments, such as after viewing successful case studies or diagnostic results.
solution.
Information Architecture
Finding the right balance between "High-Tech" and "Clinical Trust" required multiple design rounds. I used the hero section as a testing ground to explore different visual metaphors and layouts before committing to a final direction.
I moved through several design directions, testing how different color densities, imagery, and overall style affected the brand’s perceived authority. Even after settling on a core style, the design continued to evolve.
Hero Section Design Concepts:
evolution.
Iterative Process
Version 1
Version 2
Version 3
Version 4
Version 5
FIRST DRAFT
FINAL DESIGN
FINAL DESIGN vs. first draft
execution.
Design System & scalability
To bring the concept to life, I developed a structured design system in Figma. The goal was to demonstrate how a clinical aesthetic can be maintained across different page sections through a disciplined, component-based approach.
Vibrant Visual System
Paired a clean, sans-serif typography hierarchy with a palette of light tones with yellow and green accents to create a modern look that differentiates the brand from dated competitors.
Reusable Components
Built a library of responsive Figma components – such as cards, buttons, and navigation patterns – to ensure visual consistency across the entire prototype and all device breakpoints.
Structural Standards
Adhered to strict grid systems and accessibility standards, proving that "airy" layouts can still meet the functional and technical requirements of the high-stakes healthcare sector.
Developed a consistent visual system using custom AI-generated graphics to bridge the gap between complex technology and human connection. These visuals replace generic stock imagery with high-fidelity scenes that illustrate the "Human + AI" partnership.
AI tools.
Custom Visual language
To make the experience more intuitive, I integrated several interactive components that guide user attention without overwhelming the clinical focus. Hover animations and horizontal scrolls provide subtle feedback, making the navigation feel responsive and modern.
The central feature – a quiz – transforms a traditional static form into a conversational flow. This allows users to receive tailored insights in just a few clicks, effectively increasing engagement and session time while qualifying potential leads.
interactive design.
Dynamic Engagement
impact.
Key Takeaways
This project was a strategic exercise in translating complex AI technology into a high-trust, human-centric experience. It served as a challenge to prove that medical marketing can be modern without losing its clinical soul.
Problem-Solving
Explored how UX can address industry-specific barriers, such as the "Trust Gap" and user resistance to adopting new, complex medical technology.
Design as a Trust-Builder
Confirmed that in high-stakes fields like health-tech, clear information architecture and visual polish are the best ways to establish professional credibility.
Refining the Process
Reinforced the value of a research-driven approach when designing for specialised audiences, moving systematically from initial analysis to the final UI.
LET’S WORK TOGETHER!
I’m open to full-time or freelance UX/UI opportunities in Switzerland or remotely.
If you’re looking for a UX/UI designer who values clarity, structure, and collaboration, let’s connect and explore how I can contribute to your team.