Product designer
2020 - 2021
Visionable is the first video collaboration platform designed especially for healthcare teams’ advanced clinical needs.  Clinicians can monitor and consult with patients virtually, with all of the required records, scans, and pathology images at their fingertips.
Tools
Overview
Visionable was built with the NHS at the forefront and specifically designed to address some of the main challenges in healthcare. We are able to bring people, technology and healthcare together, to deliver the best patient-centric care.
Tasks and responsibilities
Collaborating closely with front and back-end engineers to ensure the product is developed according to correct design specifications. Designing IOS, Android and desktop applications for the new Visionable platform version 3.0 release, Wireflows and Product architecture, Presenting design concepts to the wider team and stakeholders, User behaviour analysis and user testing, High and low fidelity prototyping, Updating and maintenance of new design system.
Cross functional team structure and design process
Despite the small design team, we managed all intricate design/UX needs for the Visionable product. This cross-functional team structure consisted of a Product designer, Researcher, Product manager, UX writer, and FE developer.
Competitor tools
Discovery Research methods 
General usability testing sessions/user interviews 
Despite the small design team, we managed all intricate design/UX needs for the Visionable product. This cross-functional team structure consisted of a Product designer, Researcher, Product manager, UX writer, and FE developer. The following pain points/tasks required were identified: Enhancing performance and usability of WebRTC v2.0 tool General redesign to improve the overall user experience of the tool 
Secure clinical platform for healthcare professionals and patients, and provides integrated access to medical records, diagnostics and imaging.
Secure clinical platform for healthcare professionals and patients, and provides integrated access to medical records, diagnostics and imaging.
Challenge 
General redesign to improve the overall user experience of the tool.
Wireframing and collaborative workshops
Collaborative workshops were carried out with the wider team in order to generate ideas for potential solutions. Additional feedback from stakeholders and the wider team was necessary, as they have touchpoints with our end users and understand their current pain points with the tool.
Designing for IOS
The organisation was investing in redeveloping the Visionable iOS application. The team had to design the tool so iOS native users could also onboard consultations. Our design system needed to consist of components that adhere to Apple's human interface guidelines, allowing iOS developers to build features using their SDK.
Secure virtual meeting tool for clinical staff to connect and collaborate from anywhere.
Secure virtual meeting tool for clinical staff to connect and collaborate from anywhere.
Challenge 
Enhancing performance and usability of WebRTC v2.0 tool
Competitor analysis
Our analysis orientated around analysing the competitor’s market position but mainly the performance/usability of the competitor’s product/tool. This workshop involved all team members using the tool, critically evaluating the functional aspects, and identifying potential pain points from which we can capitalise.
Journey mapping  
Enhancing the usability of WebRTC involved analysing and remapping the current user journey. As the Webrtc tool caters to mainly two end users (clinician and patient), whilst remapping the flow we had to factor in designing for different video call layouts and devices: Group calls and 1-2-1 calls Clinician side or Patient side Desktop or Mobile From these flows, meetings were scheduled with FE/BE developers to determine the feasibility and complexity of the proposed solution before proceeding to higher fidelity.  
Technical constraints  
When using certain web browsers to make a call, a native modal would typically request audio and video permissions. However, if a user allowed microphone access but denied camera permission, they were still granted access to the video call without any indication that the camera was switched off. Additionally, there were no camera control options available. 
General redesign and Micro-interactions
From a UI perspective, we made sure that the clinic manager tool integrated color components that aligned with the brand's identity. We also integrated a navigational sidebar with contextual headers. In previous testing sessions with end users, we found that there needed to be more clarity regarding how users interpreted the icons used across the clinic manager. To address this, we applied contextual information to icons and buttons to clearly illustrate actions for the user.
Filter redesign
Our users encountered a major pain point when trying to create multiple clinic filters without disrupting the interface too much whilst still being able to view other elements on the screen such as the Live queue and Upcoming appointments.  The new solution introduces a side panel filter that allows users to quickly select and search for clinics. Once selected, the Appointment Manager will display a tag to indicate that the filter has been applied.
A/V Permissions
In regards to unsupported web browsers, a new modal was also designed to indicate to the user any technical issues with the web browser with clear instructions to troubleshoot issue.
Unsupported browsers
This solution addresses audio and video permissions by displaying a custom modal for the user with clear setup instructions. It also allows for testing both audio and video settings before entering the video call. This feature purposely utilises a familiar interaction and experience with competitor tools, which reduces the user learning curve and potential need for coach marks.