Omada Health is pioneering cutting-edge, scientifically supported digital therapeutics. Their cornerstone product, Prevent, is an ultra-effective translation of the Diabetes Prevention Program (DPP).
Omada offers its product to three audiences: individuals, employers and health insurance providers. Employers and insurance providers can add Prevent to their current benefits package; individuals can purchase Prevent themselves. The two sites are geared to these audiences:
Both sites are clean, beautiful and a pleasure to browse. However, for employers and health insurance providers, the next action isn't clear. On the Prevent site, individuals benefit from the "Apply Now" button in several places; no such CTAs exist on the Omada Health site.
I started with user research. I looked into the daily tasks of a head of HR and created a provisional persona:
In learning about Omada Health and Prevent, Kate could potentially land on either website. For this reason, I believe the Prevent website should include a landing page that's tailored to her needs.
The Proposed Landing Page
I propose a landing page on the Prevent website that speaks directly to employers and HR professionals like Kate. This page can link to the Omada Health page if the user wants more information.
Mocking it up in HTML & CSS
Borrowing the Prevent code and Bootstrap frameworks, I mocked up the landing page for employers. I wrote the HTML pulling from three layers of CSS documents: the Bootstrap CSS, the Prevent site CSS, and my own document. That way, I could pull in aspects of Bootstrap without having to radically rebuild the current website. I modified existing elements on the page, and added my own using icons from a UI8 icon set.
I geared the copy toward employees, highlighting the benefits of Prevent at the organizational level. I kept the content emotive and aspirational for two reasons: 1) to fit within the current tone of the website and 2) because individuals may come across the copy, and I want it to appeal to them too.
Detailed view of the animated cards:
Next, I'll be taking a deeper dive into HTML and CSS, moving from hacking stuff together to building it on my own.
* I am not affiliated with Omada Health or Prevent in any way. I'm just a fan of the work they do.