Contact Us

Use the form on the right to contact us.

You can edit the text in this area, and change where the contact form on the right submits to, by entering edit mode using the modes on the bottom right. 

           

123 Street Avenue, City Town, 99999

(123) 555-6789

email@address.com

 

You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.

Blog

Prevent by Omada Health: A Hand-Coded Landing Page

Lucy Dotson

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).

The Product

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:

 
  The Prevent website speaks mainly to individuals who might want to purchase access to the Prevent program on their own.   

 

The Prevent website speaks mainly to individuals who might want to purchase access to the Prevent program on their own. 

 

 
 
  The Omada Heath website speaks mainly to employers & health insurance providers who want to provide Prevent (and future services) as part of a larger benefits package.   

 

The Omada Heath website speaks mainly to employers & health insurance providers who want to provide Prevent (and future services) as part of a larger benefits package. 

 

 

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. 

The Process

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 Steps

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.