Healthcare
Alcon - Adi Planner
Alcon is a global leader in eye care. With decades of experience, Alcon provides surgical, vision care, and ophthalmic products. Serving healthcare professionals and patients worldwide, Alcon focuses on improving vision quality.
Design Systems
Rapid Prototyping
AI & Data Visualization
User Research
Healthcare UX
ROLE
Adi-Planner is a centralized platform for streamlining patient care and surgeon preparation for cataract surgeries. I led the UX design to improve workflow efficiency and align the platform with the broader ecosystem of Alcon products, resulting in higher adoption and user satisfaction.
RESULTS
Successfully integrated seven tools into a unified platform, improving workflow efficiency by 30% and user satisfaction by 25%. Conducted A/B testing to refine designs, reducing onboarding time by 15%, and created a scalable design system to support future iterations and consistency across the product.
Project overview
Surgeons and clinic staff were struggling with seven fragmented tools, leading to inefficiencies and delays. Through user interviews, I uncovered their pain points and envisioned a unified platform. I designed wireframes and prototypes in Figma, collaborating with cross-functional teams to validate solutions through A/B testing.
Design Challenge
1
Fragmented Tools and Workflows
Integrating seven disparate tools into a single cohesive platform while maintaining seamless functionality and consistency across workflows was a critical challenge.
2
Simplifying Complex Data
Presenting detailed patient and surgery information in an intuitive, accessible way for surgeons and staff, without overwhelming users or sacrificing accuracy.
3
Ensuring Scalability and Usability
Developing a scalable design system that not only unified the platform but also supported future integrations, while meeting the diverse needs of both technical and non-technical users.
4
Ensuring Scalability and Usability
Aligning with product managers, engineers, and R&D teams to balance technical feasibility, business goals, and user needs while delivering the product within tight deadlines.
Research: Building Adi-Planner with Real Insights
To understand the challenges faced by surgeons and clinic staff, I conducted in-depth user interviews and analyzed workflows across the seven existing tools. This research uncovered key pain points, including fragmented data access, inconsistent interfaces, and time-consuming task-switching.
I also collaborated with stakeholders, including surgeons, administrators, and R&D teams, to map out user journeys and identify critical touchpoints. Competitive analysis of similar healthcare platforms provided additional insights into best practices for data organization and workflow optimization.
These findings formed the foundation for a user-centered design approach, ensuring the new platform addressed real-world needs while simplifying complex processes.
E.Ideation and Brainstorming
Using research insights, I sketched wireframes to streamline workflows and prioritize key tasks, focusing on unifying seven tools into one platform. Collaborating with cross-functional teams, we refined these concepts through brainstorming and feedback sessions. Prototypes in Figma were developed and tested via A/B testing, ensuring the solution met user needs and aligned with technical and business goals.
Design System
I developed a scalable design system to unify the platform’s visual and interaction patterns, ensuring consistency across all integrated tools. Built in Figma, the system included reusable components, typography, and a cohesive color palette, allowing for seamless future integrations and efficient design iterations.
This system not only enhanced collaboration between designers and developers but also ensured a cohesive user experience across the platform, reducing inconsistencies and improving usability.
Design Process: Turing ideas into reality
The process began with wireframes that visualized streamlined workflows, transforming insights from user research into actionable designs. Interactive prototypes in Figma brought these concepts to life, allowing surgeons and staff to provide feedback during A/B testing.
Collaborating closely with engineers and product managers, I ensured the designs were technically feasible and aligned with business goals. The result was a unified, user-centered platform that simplified workflows and transformed surgery preparation processes.
Wireframes
I developed detailed wireframes to lay out the structure and flow of the user interface. These wireframes served as a blueprint, helping to visualize the layout and functionality before moving into the design phase. By iterating on these wireframes and gathering feedback, I was able to refine the user experience and ensure that the final design would meet both user needs and project goals.
User Flow
I created the user flow by mapping the key steps and interactions, ensuring alignment with business goals. Working in Figma, I designed a clear, intuitive flow to guide users through the process, from login to task completion, for both patients and clinicians.
High Fidelity wireframes
In the High Fidelity Wireframes phase, I turned the initial sketches into detailed designs that closely resembled the final product. These wireframes featured accurate visuals, color schemes, and typography, helping stakeholders and users better visualize the interface and providing a solid base for further development and testing.
Prototypes
For the Prototypes phase, I spent a week developing 8 fully functional prototypes, working 8 hours a day. These prototypes simulated a real web-app experience for direct patient testing. To streamline access, I used a password system, eliminating the need for logins and making the process more seamless for users.
Testing: Listening and Adapting to our users needs
Testing AdiPlanner with real users was essential to crafting a tool that truly supported their workflows. Partnering with our Senior Digital Interface Research Manager, we set out to understand exactly how patients and surgeons interacted with the platform. Using Dovetail.com, we recorded insights from interviews, compiling detailed audio and text summaries. These insights revealed specific needs and opportunities to improve the design, giving us a clear direction for refining AdiPlanner.
Turning Feedback into Action:
As we reviewed feedback, certain elements stood out. One surgeon rated the industrial design a 10, commending the modern look and smooth contours—aesthetic qualities that we preserved as core aspects of the design. Another emphasized how crucial it was for the femtosecond and excimer lasers to work seamlessly together, reducing their workload and simplifying procedures. This feedback led us to focus on smooth integration and to automate processes wherever possible, ensuring surgeons could intervene only when needed.
Solution
he final AdiPlanner design brought together everything we learned from our users, creating a tool that felt intuitive and seamless.
Consistent Experience: We built a unified design system, allowing professionals to move smoothly across features without interruptions, reducing cognitive load.
AI-Powered Insights: To simplify complex data, we integrated AI-driven visualizations, enabling quick access to critical patient information for informed decisions.
Streamlined Workflows: Automation reduced repetitive tasks, freeing up time for healthcare providers to focus on patient care.
Clean,Modern Interface: The design’s modern aesthetics and smooth navigation were well-received, making AdiPlanner both efficient and enjoyable to use.
AdiPlanner became a trusted tool for healthcare professionals, built to enhance both efficiency and user satisfaction.
Final Solution
AdiPlanner’s final design transformed daily workflows for healthcare professionals, addressing their needs for speed, clarity, and ease of use.
1. Unified Design System: By developing a cohesive design system, we ensured that AdiPlanner’s interface felt intuitive and familiar across all tools. This unification reduced cognitive load and allowed users to transition seamlessly between tasks, resulting in a 20% increase in task completion speed and a 30% improvement in user satisfaction based on post-implementation surveys.
2. AI-Driven Data Visualizations: Our integration of AI-driven data visualizations allowed healthcare providers to access critical patient insights at a glance. These visualizations improved decision-making efficiency by 35%, as users could quickly interpret complex information without additional steps or manual calculations. This feature was particularly praised for enhancing data clarity and reducing time spent on analysis.
3. Streamlined and Automated Workflows: Automated workflows in AdiPlanner minimized repetitive tasks, giving medical staff more time to focus on patient care. The smooth transition between tools within the platform reduced workflow interruptions, contributing to a 15% reduction in administrative workload. This seamless experience was highly valued by surgeons, who reported feeling more focused during procedures.
4. Modern, User-Centric Interface: Designed with a clean, modern aesthetic, the interface was both visually appealing and highly functional. Users reported a 40% increase in ease of use, with particular appreciation for the simplified layout and responsive design. The intuitive navigation and organized layout enhanced overall satisfaction, making AdiPlanner a reliable, go-to tool in daily routines.
In the end, AdiPlanner became an invaluable asset for healthcare professionals, enabling faster, more informed decisions and creating a streamlined experience that put the focus back on patient care.
The Impact of a Cohesive Design System
Building a unified design system taught me how consistency boosts both user efficiency and design team productivity.
Balancing Usability with Compliance
Designing for healthcare showed me how to simplify complex information while meeting strict industry standards.
Turning Data into Usable Insights
Collaborating with Data Science helped me make complex data actionable through AI-driven visualizations.
Value of Real-World Testing
Iterating based on feedback reinforced the importance of adapting designs to fit users’ real workflows.
Power of Cross-Functional Collaboration
Working with engineers and researchers highlighted how teamwork strengthens design outcomes from concept to launch.
Terms of use
Privacy police