Global

DW Creative

  • Home
  • Works
  • About
  • Contact
  • Hi,
    I'm David Wan

    Experienced UX/UI architect and leader with 20+ years in enterprise platforms, design systems, and digital ecosystems.

    Welcome

    UX/UI Design

    Expert and pioneer in experience and visual design with a passion for solving root user needs and delighting customers

    Software Development

    Experienced full-stack developer with deep knowledge of core technologies, facilitating effective communication and strategizing with engineering teams

    Leadership

    Leading global design teams, shaping product vision and roadmaps, and driving corporate transformation to a user-centric software development approach

     
  •  
    LINQ Workflow

    A guided approach to patient monitoring

    Medtronic Design System

    Apply brand identity and bring consistency to our digital systems

    CareLink Platform

    Modernizing our patient care ecosystem

    Veritas NetBackup

    A brand new responsive UI for enterprise data protection

    Horizon Boards

    Accelerating devOps with custom dashboard metrics

    Delights

    Illustrations, graphics, logos, and other various creative ventures

     
  •  
    About

    About me

    At my core, I'm a creative with an engineering mindset, driven by a curiosity to uncover how things work and a passion for taking on challenges. My career in UX/UI design uniquely blends my creative and analytical strengths, allowing me to harmonize artistic expression with problem-solving expertise.

    I enjoy being active and outdoors, with more hobbies than I could fully list and always on the lookout for more. Some of these include skiing, golf, cooking, photography, gaming, and travel.

    As you explore my portfolio, I hope you'll find my passion for creating solutions that delight users. I value getting at root user needs and implementing outside of the box thinking to develop unique and enjoyable experiences.

    For me, work is about making a difference in people's lives through design. I value culture - connecting and collaborating with others who share a passion for using their skills to make significant contributions to their industry, and hopefully, developing lifelong friendships along the way.

    Photography

    Travel

    Life

     
  •  

    Twin Cities, MN

    david.yiyong.wan@gmail.com

    • Resumé
    • LinkedIn
    • Contact Me
  • Home
  • Works
  • About
  • Contact

Photography

Travel

Life

LINQ Workflow

Problem statement and business case

The market for implantable cardiac monitoring devices has rapidly grown, leading to an exponential increase in data. Device nurses face challenges managing this overwhelming data burden, which hinders their ability to provide high quality care to their patients. Current workflows lack efficiency and essential tools for ECG adjudication. Clarifying the importance of data remains a concern, as many device alerts are non-actionable, causing unnecessary work.

The business goal was to focus on the aspect of a device nurse's day to day interaction with our product that would have the most impact. By learning more about their end to end workflows, we can start building a product that best support those workflows, improve tooling, and create a framework that would support future growth and opportunities.

User-centric process

I collaborated closely with leadership to ensure our development process and strategy was driven by UX. The core leadership team comprised of a PM, PO, PDM, technical architect, and UX lead (myself). We defined our business objectives, scope, project plan, development process, and KPIs. The development roadmap aligned to the UX priorities and our key metrics plan ensured that we will be able to measure success.

Our approach was to take the journey with our users every step of the way. Throughout the development lifecycle and after release, we continued to partner closely with our users with consistent monthly engagement to test our assumptions, identify opportunities, and test designs. This helped drive our direction, solutioning, and gave us the ability and confidence to pivot as needed.

Innovative solution

We developed a comprehensive solution that emphasizes alert prioritization and guides users through the process of thoroughly reviewing all relevant device data.

Key innovations include: a brand new ECG visualizer with higher fidelity and key tooling to aid in quick and accurate episode adjudication workflows that provide seamless access to patient context and history, allowing users to stay focused on the task at hand without needing to navigate around hunting for information; a guided workflow that facilitates triaging, to review, to documentation and routing.

From static reports to data driven interactive workflows

Role and contributions
  • Led the UX strategy, process, research, design, testing, and validation for the project
  • Continuously engaged with users to build empathy, understand needs, and test design concepts
  • Prepared and ran all formative and summative studies, results synthesis, and stakeholder readouts
  • Designed all primary workflows, information architecture, interaction patterns, and visuals
  • A member of the core leadership team with PM, PO, PDM, and technical architect
Notable achievements
  • Our development process set an example for effectively and efficiently delivering on a project on time, under budget, and with high quality. This recipe for success was roadshowed to organizational leaders looking to implement process improvements for other projects.
  • We delivered on a full end-to-end solution that delighted our users in a timeframe much shorter than what the organization is used to
  • Design patent filed for an innovative way to help nurses compare irregular ECG waveforms against a patient's normal presenting rhythm.
  • The highly coveted improved ECG viewing tool is being integrated into other parts of the platform for wider consumption.

Medtronic Design System

Unifying digital experiences

The Medtronic Design Global System provides a common language and tooling to bring together designers, developers, and researchers, operating independently yet harmoniously toward a shared goal - to create the best possible experience for patients, caregivers, and healthcare professionals.

Medtronic lacks a centralized design organization, with each business unit operating in silos. As I designed and developed the design system for our cardiac space, I looked for ways to bring global coherence to all of our digital products. Through various partnerships with other orgs and the brand team, I eventually organized and led a global committee of UX practitioners across multiple business units to evolve the cardiac platform’s design system I had created, into the official Medtronic Global Design System.

Designer and developer assets

The design system includes Figma component libraries for web and native mobile platforms, development kits, and a documentation portal. The Figma libraries are built with a focus on usability, extensibility, and maintainability. Designs leveraging the component library automatically respond to light and dark modes with a simple toggle. The native mobile components can also switch between iOS and Android. These capabilities allow designers to build a single screen and have those designs translate seamlessly to four different color and platform modes without any additional effort.

Adoption and outcomes
  • 140+ components that can be customized to tens of thousands of variants.
  • Over 140,000 component inserts over 90 days across 23 different teams and projects and growing
  • Over half a million instances of components used in Figma design files
  • Thousands of design and development hours saved
  • Multiple projects kicked off using development kit
  • Company-wide adoption across 20+ teams

CareLink Platform

Evolution of the patient monitoring experience

Carelink is the centralized platform for Medtronic’s cardiac patient monitoring system. Patient cardiac devices are continuously sending data into Carelink so that nurses are able to remotely monitor their patients and provide the appropriate level of care. The clinician application is crucial in helping nurses triage patient alerts quickly and accurately adjudicate detected cardiac events.

As the user experience lead, I helped to bring a legacy system onto the cloud, leveraging modern architecture, transforming to a brand new UI tech stack, and adopting new and improved design patterns. I continue to be the champion for the voice of the customer, driving our strategy towards enabling our users to perform their daily tasks more easily and accurately.

Role and contributions
  • Lead a global UX team to support the continuous development of the Carelink platform
  • Continuously engage with users to build empathy and understand needs
  • Define the UX strategy, architecture, and vision for a patient monitoring ecosystem
  • Define visual and experience patterns to ensure consistency across the platform
  • Drive design improvements to delight our customers
  • Work with key stakeholders to continually improve our processes to ensure a human-centered approach to design and project execution
  • Leverage an agile process for software development
Notable achievements
  • Led design for the transformation of the UI into a new modern architecture and updated visual aesthetics to adhere to new brand guidelines
  • Introduced role-based access control to the platform
  • Led the design for numerous workflow efficiency improvements
  • Defined common information architecture and transaction patterns
  • Initiated several innovation projects aimed at refining user workflows
  • Designed new ECG visualizer to aid with performance, clarity, and improved tooling
  • Developed methods for scalable and extensible patient sharing
  • Patents filed for innovative functionality

Veritas NetBackup

Modernizing the web UI

Netbackup is the leading enterprise data protection solution for fortune 500 companies. While it is the market leader in its field, today's competing products are easier to setup, more visually refined, and requires much less training to use. As the industry moves away from seasoned backup admins towards more generalist users, the user experience of NetBackup needed to be updated to match those trends.

I led and designed a brand new web UI with new protection methodologies, workflows, and role-based access to replace a 20+ year old Java GUI.

Role and contributions
  • Support 17 scrum teams developing the new web UI and underlying capabilities
  • Continuously engage with users to build empathy, understand needs, and test new design concepts
  • Partner with POs to define and drive the UX strategy, architecture, and vision of our enterprise data protection platform
  • Led a global CX team to support the continuous development of the new NetBackup web UI
  • Provided mentorship and guidance to CX team
  • Aid in the creation of our design system to support all new web and mobile applications
  • Leverage an agile process for software development
Notable achievements
  • Successfully delivered first release of web UI capable of primary workflows, RBAC, and supporting VMware protection within one year of project conception
  • Designed and delivered a brand new protection methodology framework that is scalable and extensible to support all protectable assets such as VMs, databases, filesystems, and more.
  • Designed and delivered on a highly robust RBAC solution that could support the needs of multi-service tenant providers and individual organizations.
  • Designed and delivered on new simplified recovery workflows
  • Helped grow our NetBackup UX team from three local designers to 8+ designers located in offices worldwide

Horizon Boards

Bringing transparency to devOps

As an organization, there is a lot of data hidden away in databases that could be extremely beneficial if exposed in the right way. Engineers and business managers were relying on exporting this data to excel spreadsheets and spending many hours trying to make sense of the data.

The goal was to build a web-based dashboard application that would help the engineering team gain access to this data easily and customize the view of it so they can make business critical decisions and speed up their daily routines. The app allowed users to create custom dashboards filled with widgets displaying data that is pertinent to their jobs. Widgets are fully customizable to properly query the desired data and display it in an easily consumable format.

As the sole engineer assigned to this task, I was the primary product owner, architect, researcher, designer, and developer for this project. I started this project as a forerunner in using AngularJS to develop a single page web application in the org. It was important to develop an architecture for a framework that would be easy to build upon and allow for others to contribute as well. I created a dashboard framework where I can easily enhance capabilities, build out new widgets as needed, and be independent from the backend API layer. The backend capabilites of this application was built around a microservices architecture that allows for proper versioning and containerization of APIs. The framework was designed to allow creation of new widgets within minutes by people with no web development experience and minimal training.

Notable achievements
  • Successfully delivered a first version of the app leveraging an existing Django backend and PostgreSQL within 2 weeks of starting. The initial release provided the base dashboard framework, allowing users to perform custom queries against our bug tracking database and chart results, status, and trends into several fully customizable widgets
  • Continued the development, design, and evolution of the dashboard app to eventually provide over 100+ customizable widgets with insights into CICD operations, bug tracking, release status, and more
  • Significantly contributed to the Improvement and efficiencies of engineering processes and project tracking for the development of our software
  • Set the example within the org for how a web application should be built. Provided roadshows and training sessions to engineers around proper web architecture
  • Lived on with mythical status by the current team as “the guy who build this whole thing in a weekend”
  • Helped colleague replace a metrics script that took 45+ min to run into a highly tuned API endpoint that returned results in less than 5s and could be charted in UI

Delights

I’m passionate not just in building great experiences, but using design and art as a creative outlet while having some fun and building culture within the org. Here is a sample of various artistic creations I’ve made.

Team avatars

Creating team spirit and cohesion with personalized avatars I illustrated based off our team name: The Lifesavers!

Project logos

Cohesive branding for a set of projects under music-based codenames.

Increasing clinician efficiencies

Remove the need for extraneous implant instruments

Building out a comprehensive ecosystem

AI-powered tooling

Connecting patients to doctors through easier data sharing

Continuous and consistent improve of backend architecture

Presentation templates