HOME
ABOUT ME
VISUAL JOURNAL
CONTACT
INSTAGRAM
WEPRACTICE    
UX Audit
Wireframing
UI Styleguide
UX/UI Designer
13 Weeks
Collaborators: BYKARB
Visit site: wepractice.ch


Streamlining WePractice’s digital experience post-rebranding: I focused on optimizing user interaction and applying their new visual design to the digital realm. 


My mission: align their updated branding with an intuitive and engaging website, fostering accessibility for clients and professionals alike.

During this project, I conducted a thorough UX assessment of the existing website to identify areas for improvement. I focused on enhancing the user experience through the UI, followed by an evaluation of user flows to ensure optimal navigation. I then proceeded to create several iterations of lo-fi wireframes, carefully integrating WePractice's new branding identity into UI elements. Color tests and typography adjustments were performed to ensure accessibility. After defining the visual rules, I developed hi-fi wireframes and crafted a comprehensive UI style guide, allowing for future updates and refinements.



One of the main challenges in this project was catering to WePractice's two different target groups, clients and therapists, as it was crucial to guide each user to the relevant area of the platform smoothly. After careful consideration, we decided to leverage the power of color to differentiate the two areas. By employing a different primary color for each in the primary call to action according to the target group, as well as the use of imagery and copy. 

Another significant challenge revolved around the matching test, where users answered questions to find suitable therapists. We noticed that unfamiliar UI elements caused uncertainty and drop-outs among users. Our solution involved meticulous refinement of the test's flow, ensuring clarity in questions and eliminating confusion by using familiar UI form components. We fine-tuned UX copy and introduced a clear visualization of progress, effectively guiding users toward a positive experience & encouraging them to finialize the matching flow.




PROCESS:

  1. Research and Analysis: Conducted extensive research on mental health platforms, user preferences, and competitor analysis.
  2. Wireframing: Created multiple lo-fi wireframes to explore different design possibilities and user flows.
  3. Visual Design: Integrated the new branding identity into the UI, performing color tests and typography adjustments for accessibility.
  4. Hi-Fi Wireframes: Developed detailed hi-fi wireframes with refined design elements.
  5. UI Style Guide: Created a comprehensive style guide with essential components for future website updates and maintenance.
KEY LEARNINGS:

  1. Understanding Diverse Target Groups: Working with WePractice's two distinct target groups highlighted the importance of tailoring design solutions to cater to different user needs and preferences.
  2. Collaboration and Communication: Working closely with the WePractice & BYKARB team allowed for effective communication and a deeper understanding of their vision both for the brand and their business needs.
  3. Adapting to constraints: Throughout the project, we encountered various challenges, some beyond our control, such as budget limitations and time constraints. Overcoming these hurdles demanded creative problem-solving and flexibility in our approach.

NEXT