Kelsey-Seybold Clinic was using Epic Systems MyChart as their MyKelseyOnline patient portal – but the user interface was generic and a little stale. It did not match the branding of Kelsey-Seybold’s other web sites and the company wanted to provide as much consistency in branding as possible.
Because Epic MyChart is a third party application I had to work closely with both our internal MyChart team and our technical support team at Epic. There was no manual on how to style MyChart, nor was there a solid style guide for Kelsey-Seybold websites, so I had to start from the ground up. I met with marketing to find out what branding guidelines did exist, and what we currently had implemented on our website.
Once I had a list of approved colors and general standards gleaned from the styles on our external website, I built an HTML prototype of the login page for MyKelseyOnline and presented it to the Patient Portal team. I made minor revisions as needed, and worked with Epic technical support and our internal developers to customize the HTML and CSS for MyChart to match my design.
My new design of our online patient portal had a similar look and feel to Kelsey-Seybold’s external website, and provided consistent branding. Our custom branding also set us apart from other Epic MyChart users in the area. Epic technical support said it was one of the best rebranding efforts they had worked with.
Visual Design, Prototyping, HTML/CSS implementation
Adobe Photoshop, Microsoft Visual Studio