Back
Ben Nye’s old website was not responsive on mobile devices, which was a big usability problem for their target audience.
Part of Ben Nye’s claim to fame is their incredible Banana Powder, which was made popular by Kim Kardashian after her makeup artist credited it as the key product used for her contouring. That mention drove a lot of new attention and business to Ben Nye, and they wanted to capitalize on the momentum and convert new customers to additional products.
There were several goals we set during our discovery with Ben Nye. Ben Nye’s old website was not responsive, which was a huge problem when it came to usability. Historical trends have shown that websites within the makeup and beauty industry receive between 70-80% of traffic from mobile devices. This meant Ben Nye was missing out on a lot of opportunities by only having the desktop version of the site available for those visiting on mobile phones.
Besides not being responsive, the previous design reflected the aesthetic of a printed product catalog rather than a website, so we made it a top priority to create a contemporary and modern design for Ben Nye. Lastly, since Ben Nye doesn’t sell products directly to customers, it was a priority for visitors to be able to quickly and easily find the 3rd party online or retail store nearest to them so they could make a purchase.
While creating wireframes, our focus was on guiding visitors on an intentional journey through the site. Specifically with the homepage, laying out the foundation of our navigation, intentionally placing calls to action (CTAs), and prioritizing content was all part of the UX strategy we put together. It took a very thoughtful and careful approach with lots of knowledge and empathy for Ben Nyes’ target audience.
The product pages were another area that required a lot of heavy lifting in terms of UX strategy. It was a delicate balancing act of planning where to put compelling visuals and which information to prioritize on the information-dense page.
With Ben Nye’s history in theater and television makeup, we wanted to create a bold, cinematic design to draw visitors in. However,we didn’t want to go full dark mode, as too much text on dark backgrounds can be a strain to read, so to strike a balance, we paired lots of white to compliment the black.
For the site build, we leveraged the power of Woocommerce, which is traditionally an ecommerce platform. Although Ben Nye doesn’t yet sell products directly on their website, they hope to in the near future, plus the structure of presenting their products is similar to a typical ecommerce store. The biggest difference was that we chose to drive visitors to the store locator rather than having visitors add products to their cart.
For the store locator, we built an easily managed system allowing Ben Nye to add stores on the site either individually or through a CSV import. Visitors can then search for a nearby retail store by address, city, state, or zip code. Additionally, on the store locator page, they’re able to modify the radius of their search through a dropdown menu, giving them even more flexibility over their search results.
From there, Ben Nye was given some time to test the site themselves and report any issues they found. During this time, they were also busy adding the final content to the site.
With testing and product entry out of the way, we delivered the website to the client’s server. Ben Nye pointed the domain to the server themselves after we delivered the site, and the site was live.
Keep an eye out for awesome web content heading straight for your inbox!
Discover which design improvements could turn more visitors into customers in only 30 minutes.
Δ
Let our friendly web experts curate a personalized list of improvements that will help enhance the online presence of your brand.