Beauty Launch Web Experience
01 Brief
As Stasher has continued to grow since it’s launch in 2016, innovation has remained a core pillar of the growth strategy. From that initiative a new line of Stasher products was developed to expand Stasher’s reach out of the storage category and into the world of beauty.
With this new line launching in Q3 of 2023 I was tasked with exploring and ultimately creating the online experience around this new product offering.
Role
UX design
art direction
Brand
Stasher
02 Challenge
The challenge was to use the existing framework that we had already developed while creating a marked difference with the new product. Internally we talked about the new line as a “sister” brand to the rest of Stasher’s products.
Additionally we had the challenge of wanting the beauty bags to speak to a potentially new audience for Stasher, while simultaneously appealing to existing Stasher clientele.
Lastly, it was important to keep the products differentiated from the rest of the product catalog as some of the forms are similar to original bags.
03 Discovery
We started by looking closely at the marketing strategy, understanding the audience we were trying to reach, and how we planned to reach them. We looked what other brands in beauty were doing as well as brands with multiple product lines and how they presented them online.
In addition to understanding the audience and our goals, we looked closely at the UX foundation we had already established on our site and ways to utilize it to create consistency, as well as areas to differentiate the new product seamlessly.
04 Solution
The solution included a three part story-telling experience. A custom landing page for the GWP Sephora launch, a collection page shopping experience including content spots for further storytelling, and a custom PDP page further exploring reasons to believe and details on each bag.
The design of each page was based on the design system we had established in 2022. This created great efficiency from a dev perspective as well as consistency from a brand perspective.
We including small details to help differentiate the beauty line from the rest of Stasher, for example, on every beauty page (collection, pdp, landing page) the announcement bar changes to the beauty Taupe color instead of Stasher blue. This small change helps to create a different more elevated feel for these pages without
05 Launch
Leading up to launch, I’ve been working closely with dev to ensure the experience works across devices & browsers. We’ve been working through rounds of QA with dev as well as the internal team, paying special attention to site speed as well as accessibility.
Make it stand out.
-
Dream it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
-
Build it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.
-
Grow it.
It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference.