Home

GrowthOps Digital
Telehealth service app and website
‘Real healthcare in a remote setting’
Role
UX/UI Designer
Timeline
Nov 2022 — June 2023
Team
Senior Account Manager
Front End Developer
UX/UI Designer
Tools
Figma
Shortcut
Miro
Responsibilities
Competitor analysis
Feature determination
User flows
Wireframes and wireflows
Hi-fidelity design
Stakeholder management
The problem
On the back of the successful launch of the Our Medical health app, Cornerstone Health asked to develop a native app and web app telehealth service with an accompanying brochure website. This was under a new brand identity attached to Cornerstone Health. The goal was to have a minimum viable product (MVP) launched in 9 months.  
My role
As a UX/UI designer on the project, I worked on the MVP of the app - from the initial kickoff and research until the project's completion. Working with another designer, I was jointly responsible for all major deliverables for the app, prioritizing and developing features as well as showcasing work and liaising with the client. I also communicated with our internal development team and Automed - the out of house build team - to determine capabilities and identify opportunities.
Final native app sign-up flow
Discovery

The team was afforded some time to undertake discovery activities. This provided us with a better understanding of what the client desired in the initial product as well as understanding the competitive landscape.

Video capability in the initial minimum viable product was likely to be problematic to create so telehealth consults were to be done by phone with details entered into the current medical CRM called ‘Best Practice’. Doing this also allowed the generation of prescriptions and referrals that could be inserted into the app via API. Research also highlighted some benefits in collecting existing medical information during sign up to minimise consult times for users and this function was added into the sign up flow.

We divided the design into prioritized features - focusing first on native app development followed by the web app and brochure site. As part of this, we worked with our in house development team and Automed to implement cost effective solutions to design problems.

Approach
We adopted a approach, using from the previous app development which we redesigned to suit the needs of the new telehealth service. We used such as the appointment login function from the Our Medical health app as a basis for core flows where possible to .
The webapp element of the service required a particular focus on security to prevent breaches of privacy. As this was cross functional with the native app platform, I worked with our dev. team and Automed to create a sign-up and login flow using password and login credentials in place of the PIN to increase security.

2. Native app wireframes

Wireframes were created for all elements of the native app refine the user flows and interactions.

Platform shifts and changes

As wireframes were signed off, the client reconsidered their product strategy and chose to integrate all telehealth into there current medical app. This led to an integration of the telehealth functions of the service into the existing Our Medical health app, eliminating the web app functionality.  

This change meant that we removed some of the flows that already existed in the Our Medical health app to avoid duplicating pre-existing features. The telehealth task flows and services were then changed to fit into the Our Medical health app.

This flowed into a reduction of functionalities in the brochure site and web app, including removing the login and web account flows.

Once these changes had been made, the client shifted strategy again and asked that the telehealth service be moved to separate app.

Working on a compressed timeline, we redesigned the UI for the brochure site and native and web apps to be in line with the new brand guidelines.

Minimum viable product
With changes in branding and overall direction, there were some concerns that there would not be enough time to complete development by the launch date. We worked to create a by removing some sign up screens containing medical information and delaying the building of the conditions and medications page on the brochure site until post launch.
Mobile screenshot of Our Sage Dashboard

Final product and reflections

Despite some changes, the MVP was successfully launched within the timeframe.

While changes to the product strategy were somewhat frustrating, focusing on the essential features for the MVP brought into focus the need for solid UX fundamentals. These rolling changes also reiterated the need for design to ensure there was clear communication with in-house and external development teams, product owners and clients.  

I also learnt that leveraging previous work can significantly trim down lead time in design and development. Improvements are iterative - while the interface may be similar to begin with solid fundamentals can create familiarity in an app family that then be grown to meet the products needs.