Clean needs dirty.
Clark Street Soap is for the individual who fearlessly seeks growth and understanding throughout all of life’s transitions and wants a purposeful and visually appealing e-commerce site that holds true to their neighborhood, culture, and the people that embrace both.
Overview
Client
Clark Street Soap
My Role
UX Designer
Platforms
Mobile and Desktop
Tools
Squarespace, Figma, Google Meets, Notion
Duration
8 weeks (4 weeks UX)
Team
9 (Product Manager, Art Directors, Copy Writers, Strategists, UXDesigners)
THE CHALLENGE
Clark Street Soap is for people who hate waste. That’s why Clark St. Soaps was born. Started down the path of sustainability, they don’t cater to one gender but cater to all genders. Born in the bowels of Chicago, the Slaughterhouse to the World, Clark St. Soap holds true to their identity that their scents are for people with skin and are for people who want to make an impact.
So what was our task?
Create an e-commerce site to help Clark Street Soap showcase their products while maintaining their brand image for the individual who fearlessly seeks growth and understanding throughout all of life’s transitions.
PROBLEMS
How can we create an e-commerce site to help Clark Street Soap showcase their products while maintaining their brand image for the individual who fearlessly seeks growth and understanding throughout all of life’s transitions.
1. Incorporating Brand Strategy and Positioning
Bathrooms are a playground of identity and people are the heart of the brand. Creating a user experience that showcases individuals who fearlessly seek growth and understanding throughout all of life’s transitions and Incorporating lifestyle photos into the site help illustrate the meaning behind the brand.
2. Incorporating E-commerce Best Practices
Creating a purposeful and curated experience from product exploration to checkout. Educate customers on the mission of the brand through the use of ingredients and their purpose. Design an intuitive checkout process and enhanced user experience.
3. Incorporating Brand Guidelines
Showcase visually pleasing products while maintaining brand guidelines throughout the site.
DEFINING OUR INSIGHTS
Clark Street Soap’s scents are for people who hate waste
Clark Street Soap’s scents are for people with skin
Clark Street Soap’s scents are for people who want to make an impact
The importance of organization and merging best practices
As we started to design our solution, we used the guidelines we discovered during the research phase. We reflected on required information architecture from e-commerce best practices to optimize our organization and design.
We concentrated on the order of content or information architecture. That should be displayed on the landing page? How would this impact the retention and interaction? We chose to display hero image, branding, mission/ingredients, and testimonials on the landing page for transparency of the brand.
We also incorporated additional information on the footer such as FAQs, Shipping & Returns, Terms of Service & Privacy Policy for ease of use and transparency. For an additional touch, we shared links of Clark Street Soap socials so customers can get a glimpse of the behind the scene, highlighting the work behind their soap.
FINAL SOLUTIONS
NEXT STEPS
Clark Street Soap received many praises from customers since their launched but there are many exciting work in the near future. With their main focus on scents, Clark Street Soap is working to add additional scents to their product line.
FINAL THOUGHTS
I enjoyed working on this project because of the great meaning behind Clark Street Soap and the amazing team behind the brand. It was really fun and meaningful digging deep into the brand’s journey from ideas to products with talented Strategists, Art Directors, and Copy Writers.
As someone who works in an agency environment for the first time, I have the opportunity to learn to communicate cross-functionally to work toward a common goal of building a meaningful product. I was surrounded by amazing minds who pushes me to think outside the box and reached outside of my comfort zone.
I gained valuable insights through working collaboratively with talented teams and grew stronger as a designer through feedback from knowledgeable teams and stakeholders.