The Client
August 2022, 3 Week Sprint, 3 Person Team
Our job during this 3 week sprint was to redesign Real Raw Shea’s website. Real Raw Shea is a shea butter company that sells both raw butter and shea butter beauty products. They are a sustainable, fair trade company who employ workers from the Bewulonso Women’s Cooperative, a group of hardworking women located in Ghana’s Savannah Region. Real Raw Shea reached out to us for a new site that better highlights their brand, tells their story, and increases sales. They also asked us to format it in such a way that it’d be compatible with a Shopify template.
The Problem
Skincare customers want to use ethical skincare that will work for their skin type, see the benefits of their products, and feel good about purchasing from a brand that gives back. How might they learn more about RRS’s mission? How might they feel comfortable purchasing shea butter?
Research Phase
To improve Real Raw Shea’s website so that users can find products easier and better understand what they’re buying.
Goal
Methodology
3 research methods were used in this phase. The first was a survey completed by 44 participants. The next were user interviews; I interviewed 2 out of the 5 participants. Finally there were 3 participants for a usability test of the slightly modified version of the original site.
Synthesis
Our synthesis involved breaking down the qualitative results of the surveys and usability tests, as well as uploading the recorded interviews and usability tests to Otter.ai for dictations. Highlights of the interviews and usability tests were pulled and placed on digital sticky notes for an Affinity Map on Figjam.
Together with my teammates, we each took our sticky notes and divided them into categories to better understand how users think and feel. The categories were Environment, Where They Buy, Price, Ethics, Ingredients and numerous others.
Affinity Map
Customers buy either online or in person depending on price and convenience.
If a company can provide proof that their products are organic and sustainable and actually work then they support the business wholly.
Skincare is expensive, so they only buy what’s cheap yet reliable.
They like supporting companies that sell products with a mission and are transparent about their business practices and production methods.
They want products to be simple, moisturizing, have minimal ingredients, and to be supported by scientific evidence.
They follow a morning and night routine with products catering to their skin type.
Positive reviews are key to their purchasing. Skincare must have a good reputation with both the industry and customers.
They find products through online skincare groups, recommendations from friends and through advertisements.
For the overall experience and quality of the product, skincare must make skin look good, feel good, layer well with other products, and give the desired/promised results.
For the site itself, participants were confused by the site’s content. Because the site focused so much on the women's collective who worked behind the scenes and less about the product they were selling, participants felt that RRS was more like a charity than an e-commerce website.
Participants also felt that the website was lacking information, such as what shea butter is and why it can be used for skincare.
Takeaways
Persona
Our persona was Daniella Cooper, a 29-year-old marketing professional from Boston, MA who’s learning how to develop a skincare regimen that’s organic, ethical, sustainable, and good for her skin. The products she uses have to be cost-effective, reliable, scientifically researched, and layer well with her other products. The problem for her is that so many companies are making false promises about sustainability and natural ingredients for the sake of marketing, aka “greenwashing”. She wants to find products and companies that are true to their word, that the product works well, and feel morally good about her purchasing decisions.
Journey Map
The journey map begins with Daniella happy and excited to start looking for a natural moisturizer. She searches online and is confused and curious as to why so many products are expensive and what ingredients are in them. She searches for a website with simple skincare and comes across Real Raw Shea’s site, but can’t tell if it’s a skincare site or a charity. She finds a product and adds it to her shopping cart, but is unsure if she should even use shea or if it’ll work for her skin because the website doesn’t go into enough detail on their product. Ultimately she decides to look somewhere else instead of spending her money on something she knows very little about.
Together we developed our problem statement and HMWs to best solve Daniella’s issue with buying into Real Raw Shea, as it’s the exact kind of business she was looking for and she didn’t even know it. To support this a user flow was created to map out what would likely be her preferred path when navigating an independent skincare site.
Research to Design Synthesis
Design Phase
We knew that at the very least, the site needed to be a functioning e-commerce site with a reliable checkout and purchasing process, which was the only main component in the very first version of RRS’s site. The priority additions to the site were detailed pages about RRS’s mission and about the product itself.
MVP (Minimum Viable Product)
No sketching was done for this project, as the client asked us instead to design for a Shopify template we picked out ourselves. The template we used was designed by Shopify to best represent a beauty products site. All ideas were conceived with this template in mind so that the developer could almost copy and paste our design decisions into the template.
Design Studio:
Sketching and Concepting
We also made a style guide to help sell the entire identity of the company, not just the product, so that users like Daniella would be all in on the skincare she was looking for and genuinely care about the people she’s buying from. We used browns for the color of the earth and the nut, greens for the color of the nut when peeled and the sustainable nature of the product, cream colors for the texture and tones of the butter, and orange for the “Fair For Life Certified” stamp.
Mid-Fi Screens
The template had both a mobile site version and a desktop version. I did the mid-fidelity prototype of the mobile site from the ground up, switching back and forth between the Figma file and the Shopify template to make sure our version of the site could be replicated exactly.
For our final round of usability testing, we recruited 3 users from the contacts made through our user survey to test the mid-fi prototype which was conducted on Maze. Users had to complete 5 tasks in an allotted amount of time, followed by answering SUS score questions to gauge how usable participants found the website to be.
Findings/Themes/Insights/Takeaways
100% completed all tasks successfully in 17.6 seconds on average with a 20% misclick rate. The only iteration requested was to change the location of the sustainability information.
Hi-Fi Screens
We decided to make high-fidelity screens for the desktop version as the Shopify theme repositioned the desktop site to a mobile layout automatically. One version of the site was enough so we decided to go with the easier of the two. The three of us updated and designed the high-fidelity screens at the same time. My part was to find, add, and position images on the site. Most of the images were taken from RRS’s Facebook and Instagram, as they had more content than their actual site. We also used stock images of shea nuts and shea butter. I also designed gifs for the site that are much higher quality than normal ones to add some life and levity. One of these gifs showed the production cycle of the butter as done by the women’s collective, from peeling the nut, to grinding, to mixing.
Final Prototype
Gain key insights on the user experience of brand messaging through additional usability tests.
Increase user engagement with the product through higher quality images.
Onboarding the user by educating them in an engaging manner through an interactive skincare quiz.
Implement the Shopify theme.
Recommendations/Implementations/Next Steps