Mobile First Redesign For A Major Player In The Beauty Industry

Physicians Formula Website Refresh

OVERVIEW

As a leading cosmetics company, Physicians Formula is known for creating fun and glamorous makeup that is safe for sensitive skin. Found in major retailers such as Target, Walmart, Walgreens, CVS, and Rite Aid, they are known for being America’s #1 Bronzer Brand, America’s #1 Natural / Organic Face & Eye Makeup Brand, and America’s #1 Mineral Makeup Brand. For over 75 years they have maintained a commitment to product purity and quality, which is a testament to the brand that they have built.

awards
Interactive Media Awards 2016 Best in Class Award
Web Marketing Association 2016 Fashion or Beauty Standard of Excellence
Horizon Interactive Awards 2016 Silver in Responsive / Mobile Design
KEY ACHIEVEMENTS

69%

Mobile Device Usage on Site

+130%

Increase in Conversions

+110%

Increase in Visitors

+134%

Increase in Number of Product Reviews
2015 saw mobile phone usage at an all time high on PhysiciansFormula.com. We jumped at the opportunity to craft a site catered to mobile visitors.
DISCOVERY

Every year, we do a site refresh for Physicians Formula and introduce a fresh design with an optimized user experience, using our learnings from the previous year. For the past couple of years, we had been keeping an eye on the increasing number of mobile devices used to view their website, and in 2015 website usage steadily increased to from around 40% to 60% coming from mobile devices.

Even though we had been building the website to be responsive for the past 3 years, we previously used a desktop-first design approach. With the surge of mobile device usage (and with no sign of mobile device usage declining in the near future!), we decided 2016 was the right time to use a mobile-first design approach for the refresh.

before

UX STRATEGY

Designing for smaller screen sizes first meant that there was a much smaller area to grab the user’s attention when they land on the site. This meant that we had to be incredibly intentional about what content we put in this space, so that users would be engaged from their first glance and would want to scroll down the page to see more.

During the UX strategy phase we spent a lot of time building out wireframe prototypes and testing them for usability on small screens. No screen or piece of content was taken for granted – everything was customized to produce the best possible experience.

During the refresh, we also made several small changes that added up to major site wide improvements. We removed the carousel on the homepage (due to low conversion rates), added user-generated content to all product pages (social proof is shown to increase conversion), pulled related content onto product pages (awards, press mentions, product finders, and more), built out focused tutorial video pages (with related products linked for easy purchase), added social feeds to the site, and added product finding resources to select the perfect product for you, just to name a few!

BUILD

The design and development for this redesign flowed out of the solid UX Strategy we constructed. Incorporating strong branding elements across the site gave everything a distinctly “Physicians Formula look”, and our development team used best practices when developing the site on a custom .NET responsive framework.

TEST & LAUNCH

A thorough quality assurance phase allowed us to make sure the site was working optimally once development was done. During the testing phase, we tested all the latest desktop browsers, mobile devices, and tablets that we could get our hands on.

Having worked with Physicians Formula for several other site refreshes, it was tradition to ring in the New Year with a rejuvenated website. As the clock struck midnight on New Year’s Eve, the new mobile-first website design went live for all to see.

Considering smaller screens first during our design process forced us to re-evaluate what content was the most important on the page and prioritize accordingly.
CLOSING THOUGHTS

Mobile first design might not be the best approach for every company, but it was the right solution at the right time for Physicians Formula. In order to keep mobile users happy and engaged, a design optimized just for them ensured that they would have the best experience possible across the entire site.

Download PDF

Start a Project

loader image