UX/UI DESIGN INTERNSHIP

In Summer 2023, I contributed to the NeuroHub app at Roche, helping patients with neurological disabilities by unifying native iOS and Android versions. I assisted with the Navify design system and collaborated on creating accessible color palettes for data visualization, adhering to WCAG 2 guidelines to improve usability by 30%

Under NDA, some details and images have been omitted.

Project 1: NeuroHub App 

Connecting the Patients: iPad User Flow Wireframes

With the research insights (NDA) already provided, the UX diagnostic team and I collaborated to develop a detailed user flow illustrating how providers could connect their patients to pending neurological assessments. The process involved providers logging into the system and choosing between manually entering a code or using a QR code scanner for faster access. Our goal was to offer flexible options, enabling providers to optimize their time and streamline patient management by selecting the method that best suited their workflow. The figure depicts the finalized user flow tailored specifically for providers using iPad devices, ensuring compatibility and ease of use with their tools.

Welcome Screen iPad Hi-fi and Spec Lining 

After iterations, the screen shows the initial interface providers see when installing the app. We provided detailed specifications to the development team to streamline coding. The screen on the left displays a "Tap Let's Begin" button, which transitions providers into a secure input area where they enter their patient's unique access code. We designed the interface to follow HIPAA regulations, giving providers a secure gateway to sign in to their patients.

Welcome Screen Android Native App

After iterations, the screen shows the initial interface providers see when installing the app. We provided detailed specifications to the development team to streamline coding. The screen on the left displays a "Tap Let's Begin" button, which transitions providers into a secure input area where they enter their patient's unique access code. We designed the interface to follow HIPAA regulations, giving providers a secure gateway to sign in to their patients.

Measurement and Padding

The first image shows the onboarding flow for iPad users, including redlining to demonstrate the measurements to design and engineering teams, and highlighting the padding within elements and components. The next image illustrates the anatomy of the button, detailing how it should appear when pressed and its size specifications.

Project 2: Data Visualization Color Palettes 

I worked with the DesignOps lead to update the color palette for data visualization. Working alongside Navify's design system, our goal was to integrate Roche's color branding with Navify. I put together the sequential, categorical, and divergent color palettes to meet WCAG 2.1 standards for accessibility. 

Working with the DesignOps lead and UI designer, we developed a visual chart of patient data. We included an updated sequential color palette to test the overview's aesthetics and legibility and ensure it met accessibility standards.

Project 3: Navify Design System

ODSU Design System

I was honored to participate in the meetings dedicated to updating Roche's Navify ODSU design system. I was excited to witness a complex and innovative design take form and to learn from talented designers from New York and Paris was incredible. I assisted in refining the Tab component, delivering meticulous reports and crystal-clear instructions to the entire team—including UX designers, researchers, product managers, stakeholders, and developers. This experience deepened my appreciation for the power of collaboration in driving successful and impactful design.