Lotemax Gel: Bausch + Lomb iPad

UX Design   •   UI Design   •   Digital Art Director   •   illustration
Bausch and Lomb has an eye gel with new and improved no-drip, adaptive viscosity properties. The Lotemax® Gel app was designed to showcase the unique properties and advantages of their new product.

Problem: In the past, presenters would actually drip the new and old gel on a slide and tilt it to show the new gel higher viscosity. The problem was to showcase this property and how it extended to many other advantages when using the product.

Solution: Our team decided to: 1. Design a digital drip test that mimics showing the density of the product on glass at an angle. 2. A touch/drag test to show the viscosity advantage between the old and new product. 3. A centrifuge simulation showing the distillation properties in a liquid.

Albert produced the UX design and wireframes.
View the wireframes for Lotemax Gel.

A simulation of the working app was done for the client.
View the iPad Simulation.

Lotemax
All wireframes were done in a high illustrious style to help describe the functionality to the client. Software used: Omnigraffle, Adobe Illustrator, Sketch.

View the pdf of wireframes for Lotemax Gel.

Design and illustrations
Albert worked from the wireframes he previously developed from a robust discovery period. The solutions below were prototyped to garner sign off.
SOLUTION #1:

In the past, presenters would actually drip the new and old gel on a slide and tilt it to show the new gel higher viscosity.

The team decided to design a digital drip test that mimics showing the density of the product on a glass slide at an angle. The need for a physical example was eliminated except in the case of extreme examples. The sales representatives loved using this feature. So much neater and faster.

SOLUTION #2:

To further illustrate the new gel higher viscosity advantage.

A touch/drag test to show the viscosity advantage between the old and new product. As a user dragged their finger across the screen, the substance would lag behind showing the higher density of the product.

SOLUTION #3:

A centrifuge simulation showing the distillation properties in a liquid was designed. The user would spin the centrifuge to advance to the next screen.

The simple centrifuge animation leads to a screen showing the behavior of the new solution in a beaker that illustrates the gels ability to maintain density over the previous product.

Design and illustrations
The design elements from the discovery phase and the design system defining the colors, typography, shapes, gradients and icons was used to quickly produce internal screens.
Result
The client loved the app and it received several awards. The sales teams universally appreciated not having to do a physical presentation with physicians.
Lotemax
A short gif demo

A simulation of the working app was done for the client.
View the full video animation here iPad Simulation.

Lotemax