Systane iLux2

Alcon
industrial design | ddstudio

OVERVIEW

A new dry eye treatment system for Tear Film Innovation that was acquired by Alcon. Building off of the success of their first product, Alcon Systane iLux2 introduced a fully digital display that shows the treatment in real-time video from a rear mounted camera—allowing for enhanced detail and visualization of the eyelid. This major update also places all of the controls and functions within a 2.5” touch display. A new UX was created to accommodate these expanded features.

SELECT SCREENS

Systane iLux2

Alcon
IMAGE | ALCON

project DETAILS

Powell Design was engaged by our Industrial Design partner DDSTUDIO to design a fully integrated design project that included the design of both the hardware and software to create a seamless user experience. Our work began with “zoning” the UX for maximizing screen real estate on such a small display. We then developed both light and dark UI concepts, but ultimately settled on a light UI that influenced the industrial design of the clean, bright product that we have today.

highlights

  • Alcon Systane iLux2 allows ophthalmologists to customize heat and expression treatments across each easy-to-visualize treatment zone to target therapy where patients need it most.
  • iLux2 helps patients understand and see the results after the procedure.
UX ZONING
UI CONCEPTS

scope

  • DISCOVERY

    Our in-person kickoff workshop, combined with remote collaboration with key stakeholders, ensures clear alignment on project goals and vision. Together, we review existing brand & product materials, map out essential user workflows, analyze the competitive landscape, and brainstorm ideas to set the stage for success.

  • UX ZONING

    For products like this one that integrate both hardware and software controls, ergonomic precision is key. We develop black & white wireframes to strategically 'zone' each screen element, ensuring buttons and controls are placed in optimal locations for ease of use and intuitive interaction.

  • UX WIREFRAMING

    At the core of our design process, wireframing serves as a blueprint for the digital experience. We create low-fidelity black & white layouts that map out the structure and functionality of each screen focusing on user flow, content placement, and key interactions. This step allows us to iterate quickly, validate ideas, and ensure a seamless user experience before moving into visual design and development.

  • UI CONCEPTS

    UI concepts bring the visual identity of the product to life. We create 2-3 unique concepts that each explore color, typography, iconography, and overall aesthetics to craft interfaces that are not only visually engaging but also aligned with the brand.

  • UI SCREEN DESIGN

    After finalizing the visual direction, we design each screen of the user interface focusing on pixel-perfect execution. Every detail, from spacing and typography to buttons and animations, is crafted to enhance the user experience. Our goal is to ensure that each screen is not only visually cohesive but also intuitive and easy to navigate—translating the initial concepts into fully realized, interactive designs that are ready for development.

  • DESIGN SYSTEM

    Our final step in the process is to create a Design System that ensures consistency and scalability including: a library of reusable UI components, guidelines for typography, color, iconography, and interaction patterns. By standardizing these elements, we streamline the design process, enabling faster iterations and ensuring that all future work remains aligned with the brand—creating a cohesive user experience across all platforms.