Dictum Health's Care Central service includes two HIPAA-compliant medical portals — one for administrators, and one for clinicians — which allow for the management of all devices and patients, Features include alert management, the ability to hold a virtual exam, DICOM approval, and the monitoring of test results in real-time.
I worked with the CEO, the VP of Product, and the Development Team to update the existing layout and visual design, and incorporate new product features and client requests.
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/dd4db34d-b531-4a91-a647-9d2049ef5231_rw_1920.png?h=c225d50f151d70bafaebea20a64b7443)
A single login landing page for both portals.
Research
I didn't get access to any other medical dashboards, like Epic, so I concentrated on finding visual design elements that I thought were effective, even if they didn't wholly fit the scenario.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/609ffb4a-3db3-4e97-8b73-9914449b577a_rw_1200.jpg?h=20456602464e27283d746b773289f78c)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/2b7d7bfb-8b6e-4c6a-bef2-36eaf8d80b1c_rw_1200.jpg?h=8395416835efcd0aeb4ecbea482f9aed)
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/62648bd2-e4c4-4f03-ae38-6655d064d8c4_rw_1200.jpg?h=4d7afc717581696769b6b8f59536412f)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/29681249-257f-4cb9-b9a2-0eee97ce9a16_rw_1200.jpg?h=9ad8aa929565630e02f3a84194696176)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/82f3bc41-750c-4c40-9b34-b6ac8b42d65e_rw_1920.png?h=2065e0da51f9bf0c61910784bd925503)
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/96cb2ef1-2b87-43db-b76a-ee47ddd67398_rw_1920.jpg?h=5a41d756a75603d9d4e68abd608b72df)
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/1e614aa4-1e2d-48ff-98d5-154685274eb2_rw_1200.png?h=e741ecb221dd52efe67aefe672684a17)
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/f19d084c-27aa-4fb8-935e-6b5946848a44_rw_1200.png?h=259e291e831ef2517bc2a76b095bf0da)
Clinician Portal
The Clinician Portal was designed for medical staff to perform tasks and interact directly with patients.
Planning
I started by looking at the current system and creating wireframes, user flows, and a sitemap for myself. I made suggestions to the product manager for consolidating some redundant pages and focusing on the expected user path.
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/0878deb6-d842-46ab-a2b8-94fb0bd2ef7b_rw_1920.jpg?h=4ce69c18a7fc921a7631a1663be1d55e)
primary user flow
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/2cd24c48-773b-4d3a-a704-6af84130d594_rw_3840.jpg?h=d180296cc4e1cd9cf4a099cd6424a3bb)
Login process
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/82022214-b474-467a-b32e-a6315d14ac4f_rw_3840.jpg?h=125a2cb6360582b7d9009cd4e3887336)
sitemap when i started
![](https://pro2-bar-s3-cdn-cf2.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/de5a1bc9-98d5-49ca-8895-b831a29c452f_rw_3840.jpg?h=e72e5879b7e00a17501fb6553dd63cc0)
revised sitemap
Visual Design
The visual design came out of the branding redesign, incorporating the new brand colors and adapting a cleaner aesthetic.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/1010d789-c21a-454d-8bba-305e76b542df_rw_1920.png?h=2f87985bcc1d17aaa6aa8be74296e508)
The Patient Summary page when I started working.
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/f1811dc1-028c-4fac-a2dc-4159cb50be65_rw_3840.jpg?h=390f01bfb103cd635064c323308f5af9)
wireframe redesign of the patient summary page
![](https://pro2-bar-s3-cdn-cf3.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/e0d30f39-09b5-4734-a023-039edf2ac612_rw_1920.png?h=486d16de4560e2e8107a9b0bc35c8e00)
Patient Summary after redesign
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/667fc822-1038-4bd4-a5c9-00d5e5314146_rw_1920.png?h=24e02327e8d8dd0739f98a5adc5d6470)
Patient Diagnostics after redesign
![Diagnostics Detail](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/6825f775-14ae-40da-9a4c-31e47d165183_rw_1920.png?h=7472debf03f5f8bfbb385154506c26af)
Diagnostics Detail
![Stroke Assessment](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/909f3f9a-bd96-4fbf-b779-1bcc8d64fd60_rw_1920.png?h=33ce57147a5049950df017c2968fa176)
Stroke Assessment
![Compliance Alerts](https://pro2-bar-s3-cdn-cf2.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/31cec945-74c5-4649-b99d-fa391ac9df5b_rw_1920.png?h=699d714904e0b4fedaf79f3e72be1ade)
Compliance Alerts
![Virtual Exam Room](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/a8554c34-148b-45bd-a329-3669462d5e7b_rw_1920.png?h=63dab16fff2e186c77bc6ea596bad80a)
Virtual Exam Room
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/2c6478fa-072c-4d90-86eb-ae38c55dc0b9_rw_1200.gif?h=1227aed2c4de51de4df7a4fc290a530d)
Horizontal vs Vertical layout A/B test
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/0ea7b481-e9e1-4398-b1dd-006bb4eb7bce_rw_1920.gif?h=24250b7317a1c61185c9b2f01f91cca5)
Vertical Navigation / Slider test
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/75cdc492-c989-4311-aa99-386121dbde56_rw_1200.gif?h=be65b8522286e04c4667063952af465a)
Paper Prototyping
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/19ad8242-fc49-429c-835f-236218d3f2a5_rw_1920.gif?h=f74f08b94fd3d9402c4eace9271e89b3)
animation from the paper prototype
Mobile Version
The mobile version functions as a web app and is focused on the very basic elements -- patient results, alerts, and virtual exam.
![Landing Page](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/6aef7a0d-7e0e-4544-b711-5114a0c78fd9_rw_600.png?h=56b984f8ffa5344a64009c29a657aaf2)
Landing Page
![Home](https://pro2-bar-s3-cdn-cf3.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/4c284274-2bbc-4465-ac85-c1fabcb6b276_rw_600.png?h=e96d8c052acd079b8683a858293bdaa6)
Home
![Fly-out Menu](https://pro2-bar-s3-cdn-cf.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/8a355023-31ed-4c57-a129-07d31e4fb77c_rw_600.png?h=33bdae66421a624dc213a9f28f2a8487)
Fly-out Menu
![Patients](https://pro2-bar-s3-cdn-cf3.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/e4d07ef9-8eef-4180-afc3-2c5a87a29fdb_rw_600.png?h=47d8f8dcfb1e2f62d4e485b064bf03b8)
Patients
![Patient Record](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/00acf817-ce95-4dc0-96d9-750f35481c13_rw_600.png?h=31869ac1b65b100326e558f60288fed1)
Patient Record
![Patient Summary](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/9365f3a9-53b3-41ad-9261-b76865196a85_rw_600.png?h=3f760b26f4483dfd9014e5d481f0d4ed)
Patient Summary
![Patient Diagnostics](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/549f6b73-c853-453f-bcba-ee05e65b0a36_rw_600.png?h=7fb76e26119749c6118bd2496f4ed319)
Patient Diagnostics
![Test Result](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/c2dbb282-d89f-4812-a492-96a6b51ad414_rw_600.png?h=f3215cb500cba395a5c21aada75697d8)
Test Result
![All Alerts](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/60f61cfe-b622-473e-b770-8f8bb1a8059a_rw_600.png?h=46ef51c432c4b9a940ad053e149ed7a4)
All Alerts
![Patient Alerts](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/f2f95ce5-e4e5-465c-afbe-a914ac16658b_rw_600.png?h=51e974ae38f3923a60343a8b2ea9c0e5)
Patient Alerts
![Alert Detail](https://pro2-bar-s3-cdn-cf5.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/66e26095-5c55-45e8-b73e-cb8d161d7297_rw_600.png?h=80850d53acb394c39d007a9952a12a1c)
Alert Detail
![Waiting Room](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/5ded90a4-59f4-48bf-838e-629baf5b1166_rw_600.png?h=a51934e10ef4c2861316674e33bfc962)
Waiting Room
![VIrtual Exam](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/26a71c1b-8f1a-47df-9661-2e527637e856_rw_600.png?h=2d9d2541202209f52604fb2bada440fb)
VIrtual Exam
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/f114938f-4d61-4aeb-bceb-fac018c66ca9_rw_1200.png?h=a2494323e72b1cb92526691bd89c3e38)
Mobile Prototyping
Administrator Portal
The Administrator Portal is for program administrators to manage patients, medical staff, groups, and devices for organizations from mom-and-pop clinics to large hospital systems.
planning
The basic design emulates the Clinician Portal, so this was mostly about organizing the site features for this particular audience.
![](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/f8c693c0-bed3-4547-b59f-969b393c8ac6_rw_3840.jpg?h=a59b8df8d834c71ec8b57ffe274d1a46)
Admin Portal Sitemap
visual design
The visual design of the Admin portal follows the design of established with the Clinician portal.
![Patient List](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/aed06674-0da1-411b-a9cf-e1fdbbd278db_rw_1920.png?h=a8d2368e1acc87a6b0ac1d6733e5e242)
Patient List
![Patient Preview](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/a037f8b5-cfc4-448c-9b83-f08b21408a9d_rw_1920.png?h=eef2c4ab48db204672f07c8aa852dad2)
Patient Preview
![Patient Detail Edit](https://pro2-bar-s3-cdn-cf2.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/38c49d7b-d579-44c9-98c2-ad08fa0f1b6e_rw_1920.png?h=d8fca0a8373743bb16206fef1f27d1a7)
Patient Detail Edit
![Device Detail Edit](https://pro2-bar-s3-cdn-cf1.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/c78b988c-3b72-49c2-9f78-13cd28271546_rw_1920.png?h=5f9bc72d9f4cfe4404dca149090a28c1)
Device Detail Edit
![SMS/Email Notifications](https://pro2-bar-s3-cdn-cf3.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/4911d411-199e-4056-91b4-a5fd10fa8f9a_rw_1920.png?h=043ea6a276dbb45d7be81687de87a5bd)
SMS/Email Notifications
![Portal Settings](https://pro2-bar-s3-cdn-cf4.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/5a83d83a-3f59-4cab-849c-dc1605676d90_rw_1920.png?h=d2fe738c614c9fd13aafb5aaa8a4c4f6)
Portal Settings
![Billing Detail](https://pro2-bar-s3-cdn-cf6.myportfolio.com/f5035239-84a3-430e-a665-ad62b0a340b3/00c3b5f6-fae2-456d-b542-aa5d69289e84_rw_1920.png?h=8cb1bc2cfe6c1aad1d1368f2148923cc)