top of page

Hippra, an online health tech community designed for knowlege sharing and  predictive analytics

My Role   

Duration

Team

UX research

Ideation

Wire-framing  Prototyping 

4 months

Grace Dong

Madeline Allen

Hippra is an innovative health tech platform, offering a suite of advanced collaborative tools and predictive analytics that arm healthcare professionals with vital insights to improve patient care.

My role in this transformative project has been pivotal in rebranding the platform to align seamlessly with our core brand identity while expanding its functionality. We've crafted an intuitive dashboard that facilitates a dynamic exchange of knowledge: medical professionals can now easily share challenging cases, provide expertise in their specialty areas, engage in real-time discussions, and stay updated with the latest medical advancements.

Objective

  • Revamp the platform to align with the new company logo, ensuring a cohesive and enhanced brand identity.

  • Enhance the website with features specifically designed to address user pain points.

medical related illustration, transparen

User Needs and Pain Points

We conducted focus groups and interviewed six nurse practitioners to gain a deep understanding of their daily routines, the tools they utilize, and the challenges they encounter in their professional environment. From this exercise, we learned that physicians and nurse practitioners are in search of enhanced communication channels and a reliable platform for seeking professional advice when encountering challenges. They emphasize the need for a streamlined system that facilitates not just quicker and more effective interactions among healthcare professionals but also offers a supportive environment for exchanging insights and solutions to complex cases.

"The tools we develop should represent an evolution of existing technologies, maintaining familiarity where it counts while introducing innovative features that feel both intuitive and seamlessly integrated.

"I would like to be able to search by condition"

"Less formal talk - quick questions - not needing to put citations on it - have them sign a release that we are just sharing Information"

"It's helpful to collaborate with medical specialists, as multidisciplinary teamwork is often essential for resolving complex cases."

Brand identity and the design system

After analyzing the new logo, we've decided that our platform should embody a modern and energetic aesthetic without sacrificing the professionalism and discipline intrinsic to the medical industry. Drawing inspiration from the logo's color palette, we established a design system that has informed all subsequent designs.

Property 1=Variant2.png
__sidebar-icon.png
__sidebar-icon.png
Screenshot 2024-02-05 at 12.21.00 AM.png
HIPRAA Sidebar.png
HIPRAA Sidebar (2).png
_sidebar-expansion-button.png

Iterative development and adding new features

The insights from our focus group reveal a clear demand for a reliable communication platform tailored for medical professionals. This platform must facilitate the exchange of knowledge, ensuring that interactions retain the high level of professionalism expected in the medical field. It's imperative that the platform maintains stringent content quality standards to support this professional environment. Additionally, users express a significant need for access to the latest medical developments, including breakthroughs and clinical trial results, especially when dealing with complex cases.

01abad41-29b4-4a73-ab78-85226e2a8680.png

New features added

  • Integrated Dashboard: comprehensive hub encompassing all platform functionalities for streamlined navigation and user experience.

  • Enhanced Messaging System: Improved communication capabilities, facilitating secure and efficient conversations among users.

  • Medical Breakthrough Updates: A dedicated section for the latest advancements in medicine, including groundbreaking research and clinical trial outcomes.

Homepage

The homepage has undergone a transformative redesign to align with our refreshed color palette, ensuring visual consistency across our platform. In this revision, we meticulously enhanced the existing content and structure to elevate the overall user experience. Key functionalities of our platform are now prominently highlighted, making them more accessible and engaging for users. Furthermore, we've introduced a clear call-to-action, inviting users to subscribe to our podcast. This addition not only enriches the content offering but also leverages multimedia to deepen user engagement and provide value through insightful discussions and updates in our field. 

Before

Screenshot 2024-01-30 at 11.26.54 PM.png
Screenshot 2024-02-06 at 8.57.32 PM.png
Screenshot 2024-02-06 at 8.57.55 PM.png

After

Landing Page.png

Dashboard

Before

Screenshot 2024-02-07 at 2.47.22 PM.png
Screenshot 2024-02-07 at 2.48.19 PM.png

Users can click on the title to expand the respective section

After

laptop (1).png

Variation 1

Wireframe (1).png

This initial wireframe presented each platform feature within its own dedicated section. However, this layout risked overwhelming users due to its complexity, and it lacked emphasis on the most frequently used features. Consequently, users were required to navigate back to the main dashboard to access other functionalities, potentially hindering a seamless user experience.

Variation 2

In the second variation, we introduced a side navigation bar, enabling users to access all features, including complementary ones like settings, at any time. This design enhancement streamlines navigation and improves overall accessibility.

Variation 3

Dashboard (1).png

In the initial high-fidelity prototype, we optimized the dashboard's clarity by relocating news and medical breakthrough sections to the sidebar. Additionally, we introduced a top tab feature, allowing users to seamlessly toggle between different sections on the Hippra platform. Despite this, technical challenges led us to discard this approach in favor of dividing the case section into two distinct categories: 'Ask for Help' cases and 'Knowledge Sharing' cases.

New post

The redesigned interface not only adheres to our established design system but also empowers users to create posts from anywhere within the platform. Moreover, it facilitates reference to previously published cases during the creation of new ones, effectively clarifying any confusion related to specific terminology.

Before

After

Group 133552.png

Case detail

The original case detail page was cluttered, lackluster, and inefficiently utilized space. In our redesign, we meticulously reorganized the case components, placing a patient summary and case overview at the forefront. This adjustment allows users to quickly grasp the essence of the case, ensuring it aligns with their interests. Additionally, we introduced tags to denote the medical domain, further streamlining the user experience by reducing the time spent evaluating the relevance of a case.

Before

Screenshot 2024-02-07 at 9.45.24 PM.png

After

Search results

The search results page has been redesigned for enhanced efficiency, now displaying a greater number of results simultaneously. Each case title is prominently highlighted, accompanied by a concise overview to give users a quick insight into the case details. Additionally, users have the option to expand specific sections according to their interest, allowing for a more tailored search experience when seeking particular types of cases.

Before

Screenshot 2024-02-07 at 11.03.10 PM.png

Colors were used to indicate whether it is ask4help cases (orange) or clinical knowledge  cases (cyan).

After

Support pages

Notification_general

Settings_ profile

Notification_my posts

Settings_Account

laptop (2).png

Profile

bottom of page