Katelyn Harper
RENEW LIFE.png

Renew Life Web Re-Skin

Renew Life Probiotics and FCB planned a new marketing campaign for June 2017 and requested a website re-skin to match. I worked with a front end developer on CSS and UI component changes, as well as a web style guide.

Role: Product and Visual Design, Interaction Experience

0 - LOGO + SHOWCASE.png
 The website re-skin started with the basics -- incorporating new, brighter colors, as well as a new icon system. 

The website re-skin started with the basics -- incorporating new, brighter colors, as well as a new icon system. 

 The Renew Life development team already had Typekit implemented on their site, which made the transition to a new typeface much smoother. I worked closely with the front end developer to decide which sizes and weights worked best for each component. 

The Renew Life development team already had Typekit implemented on their site, which made the transition to a new typeface much smoother. I worked closely with the front end developer to decide which sizes and weights worked best for each component. 

 The before and after shots speak for themselves. The lifestyle imagery and cleaner typography breathe life into the page and allow the products to shine. We didn't have a lot of freedom with the Blog posts but a simple type change unified them with the rest of the site.

The before and after shots speak for themselves. The lifestyle imagery and cleaner typography breathe life into the page and allow the products to shine. We didn't have a lot of freedom with the Blog posts but a simple type change unified them with the rest of the site.

4 - BEFORE _ AFTER MOBILE.png
 With our CSS and asset delivery, a web style guide was created for further implementation. 

With our CSS and asset delivery, a web style guide was created for further implementation. 

6 - STYLE GUIDE.png