SocialCare

Role
Director of Product Design
Domain
Healthcare
Client
Health Symmetric

HEALTH SYMMETRIC has created SocialCare, the first-ever Meaningful Use (Government Certified) Electronic Health Platform with social networking features which connect doctors, patients, care teams, pharmas, ancillary healthcare providers, and even extended care teams such as fitness and diet care teams. It also harnesses the power of Data Science, Big Data, and distributed clouds to extract meaningful knowledge and wisdom from the health platforms to allow change, improvements, and transformation to occur at all levels from private practices, large health organizations, insurance, pharma, providers to healthcare and the government. It is also a transformational product as the world moves to the post PC era where mobility and devices will be important as the US health system reinvents itself.

Responsible for leading product design, UX and creative for secure, multi-cloud EHR platforms for iOS/tablet and web. Responsible for driving product features & functionality definition with SME validation, creating enterprise-scale user experience, responsive user interface design and final asset production while meeting and maintaining HIPAA-compliance. Designed startup's brand & guidelines; established iOS UI creative-dev integration processes, created detailed design language and visual toolkits.

Social Care Logo & Product Branding
Social Care Logo & Product Branding

Branding for both the startup and it's flagship product, I created a treatment based on the client's requirements: must be red/white/blue color scheme and not contain any medical/healthcare iconography.

This final mark can be seen as an abstract top-down view of a care-giver and his patients, or reversed – a patient and his care team. It can also represent the SocialCare core platform and the future product family.

Concept Model. Concept for a SocialCare Marketplace, much more than an app store. Primary users are Admins, Pharmacies, Technicians, Nurses, Physicians and Specialists. Content includes not only a wide variety of apps but also subscriptions, events and conferences, reference libraries, video and more.
Concept Model. Concept for a SocialCare Marketplace, much more than an app store. Primary users are Admins, Pharmacies, Technicians, Nurses, Physicians and Specialists. Content includes not only a wide variety of apps but also subscriptions, events and conferences, reference libraries, video and more.
Social Care Business System
Social Care Business System
Creative: Mood Board 1. First of three mood boards, presenting options for look and feel direction.
Creative: Mood Board 1. First of three mood boards, presenting options for look and feel direction.
Creative: Mood Board 2. Second of three mood boards. Stakeholders liked this one, with modifications...
Creative: Mood Board 2. Second of three mood boards. Stakeholders liked this one, with modifications...
Creative: Mood Board 3. Selected mood board direction. Stakeholders gravitated towards this color scheme and requested metallic accents. The final product look-and-feel morphed a bit during production, but still retained some of the qualities they liked here.
Creative: Mood Board 3. Selected mood board direction. Stakeholders gravitated towards this color scheme and requested metallic accents. The final product look-and-feel morphed a bit during production, but still retained some of the qualities they liked here.
Creative: Visual Toolkit. Many months in the making, this visual toolkit contains all assets and stylized graphics used in the SocialCare iOS tablet platform.
Creative: Visual Toolkit. Many months in the making, this visual toolkit contains all assets and stylized graphics used in the SocialCare iOS tablet platform.
Multi-platform
Multi-platform

SocialCare's primary use cases are targeted at two main platforms: iOS tablets in use during 1:1 patient care during exams and visits. Secondary use case is browser-based, used by the office staff, back-of-house and admins.

I created the branding, GUI design and UX architecture for the startup and the product.

Physician's 'My Account' Dashboard. UX, UI design system. Interaction design follows Apple HIG standards.
Physician's 'My Account' Dashboard. UX, UI design system. Interaction design follows Apple HIG standards.
Wireframe for Objective: Pain Location + Severity
Wireframe for Objective: Pain Location + Severity
Final design for Objective: Pain Severity + Location
Final design for Objective: Pain Severity + Location
Screens comprising the SOAP Note flow
Screens comprising the SOAP Note flow
SocialCare
App Store Assets
App Store Assets
Custom Web Font. I created a font comprised of 80+ icons. This technique is used to ensure that icons (and custom fonts) stay crisp and pin-sharp when viewed in browsers across platforms, especially on retina displays.
Custom Web Font. I created a font comprised of 80+ icons. This technique is used to ensure that icons (and custom fonts) stay crisp and pin-sharp when viewed in browsers across platforms, especially on retina displays.
User Flow Sketches. Brainstorming/sketching of SOAP Note user flows.
User Flow Sketches. Brainstorming/sketching of SOAP Note user flows.
User Flow Diagram. Scenario: Scheduled Patient, Note Customization Options.
User Flow Diagram. Scenario: Scheduled Patient, Note Customization Options.
Wireframe: 'Cards' Interaction Method
Wireframe: 'Cards' Interaction Method

Scenario: Care team working through a Note. Each of the two main panels scrolls vertically/independently, providing efficient and contextual interaction between local navigation on left and associated card content on right.

This was my suggested solution to the common use case of physicians needing easy and intuitive access to all parts of a 'Note' during a patient exam. [Common complaints of current EMR's: they force the user to focus more on the tool rather than the patient.] The card interaction methodology heretofore unseen in EMR's, and was met with great enthusiasm by our SME's.

Wireframe: Interaction Method. Diagram describes user experience and interaction design of recording a patient's skin exam.
Wireframe: Interaction Method. Diagram describes user experience and interaction design of recording a patient's skin exam.
Page-Typing based on Content Types. SocialCare marketing site; diagram indicates page types for early architecture discussions.
Page-Typing based on Content Types. SocialCare marketing site; diagram indicates page types for early architecture discussions.
Alternative Design for SOAP. Color-coding the top-most categories of the SOAP allows for a bit more differentiation (and mental segmentation) between sections.
Alternative Design for SOAP. Color-coding the top-most categories of the SOAP allows for a bit more differentiation (and mental segmentation) between sections.
← ALL PROJECTS