Area of Focus
![Area of Focus](/img/samples/mental-health-ux/area-of-focus.jpg)
User Personas and Storymap
![User Personas and Storymap](/img/samples/mental-health-ux/personas-storymap.jpg)
Mobile WebWireframes
Based on existing user personas, storymaps, and other inputs, I created wireframes that demonstrated how users might interact with the mobile web portal. Throughout the process, I looked for opportunities to refine the steps and messaging and create new interactions and content to improve the overall experience.
User Experience Flows: Onboarding, Portal Homepage, Chats, Calls, Scheduling, Groups
Note: Some text is obscured for client confidentiality.
![Wireframes, Mobile Web](/img/samples/mental-health-ux/mobile-wires-1280.jpg)
Mobile WebInformation Architecture
For client-facing presentations, I created IA diagrams, which incorporated insights from user interviews, UX expectations for different types of users, and other notes.
Pictured: Onboarding Flow
![Information Architecture, Mobile Web](/img/samples/mental-health-ux/ia-mobile-web-1280.jpg)
Mobile WebVisual Design
User Experience Flows: Onboarding, Portal Homepage, Chats, Calls, Scheduling, Groups
Pictured: Onboarding and Portal Homepage screens
![Visual Design, Mobile Web](/img/samples/mental-health-ux/mobile-ui-alt-1280.jpg)
Desktop WebWireframes
User Experience Flows: Onboarding, Portal Homepage, Chats, Calls, Scheduling, Groups
![Wireframes, Desktop Web](/img/samples/mental-health-ux/desktop-wires-1280.jpg)
Desktop WebInformation Architecture
Pictured: Onboarding Flow
![Information Architecture, Desktop Web](/img/samples/mental-health-ux/ia-desktop-web-1280.jpg)
Desktop WebVisual Design
User Experience Flows: Onboarding, Portal Homepage, Chats, Calls, Scheduling, Groups
Pictured: Onboarding and Portal Homepage screens
![Visual Design, Desktop Web](/img/samples/mental-health-ux/desktop-ui-alt-1280.jpg)