Health Symmetric: SocialCare EHR Platform
The Product
SocialCare: the first government-certified (Meaningful Use) EHR platform with social networking, connecting doctors, patients, care teams, pharma, ancillary providers, and extended teams like fitness and diet. Data science and distributed cloud turned platform data into insight for practices, health systems, insurers, and government.
Social Care Logo & Product Branding
What I Led
- Feature and functionality definition, validated with SMEs
- Enterprise-scale UX and responsive UI, through final asset production
- Design language and visual toolkits
- iOS creative-to-dev integration process
- Startup and product brand identity and guidelines
Brand Identity
Constraints: client's directive: red, white, and blue only, with no medical iconography. The mark I designed reads not only as a top-down view of a caregiver surrounded by patients, but also as a patient surrounded by a care team. The mark also scales to represent the core platform and future product family.
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 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.
Physician's 'My Account' Dashboard. UX, UI design system. Interaction design follows Apple HIG standards.
Final design for Objective: Pain Severity + Location
Screens comprising the SOAP Note flow
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.
User Flow Sketches. Brainstorming/sketching of SOAP Note user flows.
User Flow Diagram. Scenario: Scheduled Patient, Note Customization Options.
Wireframe: 'Cards' Interaction Method
Wireframe: Interaction Method. Diagram describes user experience and interaction design of recording a patient's skin exam.
Alternative Design for SOAP. Color-coding the top-most categories of the SOAP allows for a bit more differentiation (and mental segmentation) between sections.