KEEN
A modular commerce experience driven by eco-friendly awareness, education, and loyalty.
![KEEN](https://cdn.sanity.io/images/a78u5s9r/production/6def9d3aff8e04d09ec51506afd2141707646422-2000x824.jpg?w=1920)
More than just a footwear company
Client
Keen
Year
2020
Role
STRATEGY, UX, DESIGN
Ask
To create an experience that promotes Keen’s eco-conscious products and commitment to celebrating and protecting the great outdoors.
Solution
We created a modular experience that allows for flexible merchandising and product education, contextualizing products through rich outdoor lifestyle photography and intuitive shopping that celebrates the act of going green.
Keen is a family-owned, value-led footwear maker. They are on a mission to make the outdoors more accessible and inclusive, while taking a stance on cleaning up the planet. Keen's mission is core to their brand, and they needed a digital experience that integrated content, product, and motion to portray their brand mission effectively.
Respect the Outdoors
A strategic approach to presenting purpose-built outdoor products.
![Image of a KEEN sandal](https://cdn.sanity.io/images/a78u5s9r/production/90909398dc70922b86ef34741e0cd84796366849-800x800.jpg?w=440)
![Two people wearing KEEN gear](https://cdn.sanity.io/images/a78u5s9r/production/799a6e96a2a97a5921b99f70e2943ff0bf615c0d-6400x3564.jpg)
![Image of a KEEN sandal](https://cdn.sanity.io/images/a78u5s9r/production/90909398dc70922b86ef34741e0cd84796366849-800x800.jpg)
While creating the modular design system, we wanted to ensure Keen could showcase their energetic lifestyle photography with the corresponding product, giving context to the story behind each shoe.
![Two people on standing on sand with KEEN shoes on](https://cdn.sanity.io/images/a78u5s9r/production/4413dab18989fcba59f25c0345903a3af16313fc-800x800.jpg?w=440)
![A person wearing KEEN shoes and riding a bike](https://cdn.sanity.io/images/a78u5s9r/production/f7673ffd169415250d095b7b766c88e70baa93c2-800x800.jpg?w=440)
Rich, Interactive Storytelling
Understanding the importance of a new product launch, we created a flexible experience to help celebrate these occasions. Utilizing page scrolling to transition from image to color to chapter, we have made a destination for all new products to tell their story in an immersive manner.
Improving the Path To Purchase
With the product story at the helm, we needed to find opportunities to encourage customers to add to cart while taking into consideration where they were within the site experience. Thoughtful UX allowed us to implement this approach, ensuring we created interactive moments that provided product storytelling paired with shopping functionality throughout the experience.
![KEEN product listing page](https://cdn.sanity.io/images/a78u5s9r/production/0cdf71a168822548fe9d92aa8785eb88d90a5285-1920x3008.jpg?w=1024)
![Desktop screenshot of KEEN PDP](https://cdn.sanity.io/images/a78u5s9r/production/42ca4c302fb9ba7d3b639ade6dbd0a2257d4c90f-1920x1187.jpg?w=1024)
![Mobile screenshot of KEEN shoe review](https://cdn.sanity.io/images/a78u5s9r/production/efce6ba777c0e688879d415af699127bd062a78b-563x1155.jpg?w=600)
![Mobile screenshot of KEEN recycling](https://cdn.sanity.io/images/a78u5s9r/production/07572e89534ef17d992b1e72fbf403ce887fdbfc-563x1155.jpg?w=600)
![KEEN mobile menu screenshot](https://cdn.sanity.io/images/a78u5s9r/production/69a346d171443c077eb07710cf698dfd9d88c0f9-563x1155.jpg?w=600)
![Mobile screenshot of KEEN PDP](https://cdn.sanity.io/images/a78u5s9r/production/43846aeaf287159a487435b7ead6c80999afa77e-563x1155.jpg?w=600)
![Mobile screenshot of KEEN footwear images](https://cdn.sanity.io/images/a78u5s9r/production/db3a9b4bb4a303d49ffea863999507da8c7806dc-563x1155.jpg?w=600)
![Mobile view of KEEN module with image](https://cdn.sanity.io/images/a78u5s9r/production/1b5da974844b3a5ef6ab761f6562117066724bf3-563x1155.jpg?w=600)
![Image of a sandals sole with tires in the background](https://cdn.sanity.io/images/a78u5s9r/production/449199d59163dcf2f283e8ae623e72dc4a55a0e7-563x1155.jpg?w=600)
![Mobile screenshot of KEEN footwear suggestions](https://cdn.sanity.io/images/a78u5s9r/production/d7d85ea91497ea1527c43e04eb429954e65bb36d-563x1155.jpg?w=600)
![Mobile screenshot of KEEN effect](https://cdn.sanity.io/images/a78u5s9r/production/7a19468900b2646ec7d05580f319bac1bca4a1f4-563x1155.jpg?w=600)
![Mobile screenshot of KEEN features](https://cdn.sanity.io/images/a78u5s9r/production/f6a15de406a405bcf9b83d0a0127bd334955f02c-563x1155.jpg?w=600)
A Loyalty Program That Gives Back
In an initiative to help others, we teamed up with Keen to help create a loyalty program that allows Keen customers to give back in multiple ways, including through shopping, volunteering and donating.
![KEEN Loyalty program](https://cdn.sanity.io/images/a78u5s9r/production/1f6e3289acc8e7fd3cf4fe411c1e36f96e94761b-1920x5929.jpg?w=1024)
![KEEN corps program](https://cdn.sanity.io/images/a78u5s9r/production/15630b01f26b81cfca7022134c2c3596a0a2278f-1920x3871.jpg?w=1024)
![A couple with kids on their shoulders in KEEN shoes](https://cdn.sanity.io/images/a78u5s9r/production/7caa145c9bfe75cbf399c4f1f868e6b65ebf1813-332x500.jpg?w=400)
![A person and a dog in the snow](https://cdn.sanity.io/images/a78u5s9r/production/5a440c6c9542e6ccc3444cf8cb4a58f36cbde48a-332x332.jpg?w=400)
![A person hiking in KEEN shoes](https://cdn.sanity.io/images/a78u5s9r/production/f96b42e9daf436f4b778680f373d091a7c53d917-333x500.jpg?w=400)
![Pink fuzz with gold](https://cdn.sanity.io/images/a78u5s9r/production/0d98821a39e40c20fdb3d6f58be2d5a592f4282e-333x332.jpg?w=400)
![Two people hugging by a lake in KEEN gear](https://cdn.sanity.io/images/a78u5s9r/production/8afe74017fe20afe70b06722dd44c6261edf67fa-332x500.jpg?w=400)
![A person standing on a frozen lake in KEEN shoes](https://cdn.sanity.io/images/a78u5s9r/production/a6cd64ccb0b98f09d7f8db46b7d8a1d38c8a942c-332x332.jpg?w=400)
![The bottom of a KEEN shoe](https://cdn.sanity.io/images/a78u5s9r/production/c52b148750680f3fedb0080bdb679fea1bd96043-332x332.jpg?w=400)
![A person with a wild cat](https://cdn.sanity.io/images/a78u5s9r/production/05cb36da26063fcb958ce8e20d1f11305957f5cf-333x332.jpg?w=400)
![A person wearing KEEN boots walking in mud](https://cdn.sanity.io/images/a78u5s9r/production/470b49c90dd27793d81668add9d1df96d592888d-333x332.jpg?w=400)
![People sitting around a fire pit](https://cdn.sanity.io/images/a78u5s9r/production/eb19cf514d07dcf060da234f8cd7f3e11d85ce49-332x500.jpg?w=400)
![Sunrise over cloudy mountains](https://cdn.sanity.io/images/a78u5s9r/production/6dce1f1574ae8ad9f99931cba1eeab1b3433e4d2-332x500.jpg?w=400)
![A flat lay of camping gear](https://cdn.sanity.io/images/a78u5s9r/production/f645acd136bbb4389b37e30722da6ed0aa31cc9f-332x332.jpg?w=400)
![Top view of KEEN sandals](https://cdn.sanity.io/images/a78u5s9r/production/68c7f1499ae26dc824f8fcf94421cf2570da617b-333x332.jpg?w=400)
![Two people hiking](https://cdn.sanity.io/images/a78u5s9r/production/2a82406f68245310a13d247cd49354d6772e7bd4-332x500.jpg?w=400)
![A person walking down a street](https://cdn.sanity.io/images/a78u5s9r/production/ddbb7070919fc0b2d2c07d1f9253b562216cc5b3-332x332.jpg?w=400)