SVG Illustration of an eye inside a software window

CASE STUDY

INTERNET-BASED CUSTOM SOFTWARE APPLICATION

Ophthalmic
Software
DESIGN

EXPERIENCE, Interface  & workflow

I redesigned a legacy software system with a user-centric approach.

Screenshots from my redesign.

PROJECT DETAILS

Name
Ophthalmic Software Design

Industry
Medical Devices, Healthcare

Type
Software Application

Medium
Internet

Duration
Six months

My Role
User Experience & Interface Design

Scope
Discovery, Define Users, Map Needs, and Workflow. ReDesign the entire User Experience and Interface.

Constraints
International. English is not the only language used inside the User Interface.

Deliverables
User Matrix with needs defined. Workflow(s) for each type of user. User Experience and Interface Design to support MVP (Minimum Viable Product).

Outcome(s)
All work was well received and highly regarded by our client contact and client C-Suite. The client awarded A+L the development project.

Full text and more samples are available on the desktop version of this case study.

I redesigned a legacy software system with a user-centric approach.

The client is a global leader in designing, manufacturing, and marketing implantable lenses for the eye. 

Their existing software solution was decades old and inefficient—the longer they used it, the more money the company lost.

To support their growth and improve overall efficiency, they wanted to develop new software to manage lenses from a 'patient-centric' perspective.

before and after screenshots of my redesign.

Below is the measurement error screen. OD and OS represent the left and right eye of the patient. You are viewing "Marshall Grant's" file.

Screen capture of User Experience design for Ophthalmic Case Study

Roles + Responsibilities

I was responsible for designing the user experience and the early-stage user interface. I developed personas and workflows for each one by focusing on their primary touchpoints through repetitive tasks.

The end users of this software system are a global team of thousands of eye surgeons, optical surgical assistants, and technicians. They manage patients and their lens choices. 

In just four online video meetings, we achieved the necessary discovery and research to lock down the persona and workflow of each user and their needs.   Once these were approved, we proceeded with our design for the screens necessary to support the functions and data requirements resulting in the early-stage user interface.

Screencaptures and images from the design process.

Image of Tech Stack Illustration

Tech Stack illustration I designed to help developers talk to the client

Process + Deliverables

I interviewed client stakeholders, reviewed legacy software, and developed a range of user personas to understand and define the scope of user needs. I further developed visual ideas to share with the client and designed and produced all digital assets, including the user persona and workflow charts seen in this case study.

I initially sketched charts and workflows by hand and then took them into Figma for a final “spit and polish.”

It is important to me to take questions whenever I present my designs to clients. In taking their continuous feedback from the meetings and iterating until both the client and I feel ready for presentation, we move to the internal stakeholders and decision-makers with confidence and efficiency.

Outcomes +
Lessons Learned

My visual designs and workflows received a very high initial rating.

Our client, whose questions helped refine some of the project’s functionality, awarded us the project based on our thorough process and the creation of a design solution that kept the focus on the patient and the user.

By delivering a highly successful discovery phase, I helped the team secure an extended contract for the software development phase.

This software system will launch worldwide in late 2022.

Screen capture of User Experience design for Ophthalmic Case Study

Once the lens calculation request is submitted, the user waits for it to complete, as seen above.

Click on any image to see it larger, and in slideshow format

Image of early interface and experience sketch
Image of early interface and experience sketch
Image of Whiteboard sketch of Desktop-Measure-Calculation-Lenses
Whiteboard sketch of Desktop-Measure-Calculation-Lenses
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch
Image of early interface and experience sketch

Click on the image to see it larger.

Screen capture of software screen
Screen capture of software screen

Click on any image to see it larger, and in slideshow format

Screen capture of software screen
Screen capture of software screen
Screen capture of software screen
Screen capture of software screen

CONNECT

SOCIALS

SEND A QUICK NOTE

PHONE

OTHER LINKS

MISCELLANEOUS

Copyright ©MCMXCII–MMXXII — Bert Mahoney.
All rights reserved unless otherwise noted about specific content.

SOCIALS

LOCATION

SEND A QUICK NOTE

MISCELLANEOUS

Copyright ©MCMXCII–MMXXII — Bert Mahoney.
All rights reserved unless otherwise noted about specific content.

Back to top Arrow