Interaction Design
Instructed by Keith Owens
Fall 2018
Instructed by Keith Owens
Fall 2018
In collaboration with Chelcy Reynoso & Kenna Holcomb
Leaping Bunny works with companies to help make shopping for animal-friendly products easier and more trustworthy. We’ve created a platform for users to not only purchase animal-friendly makeup products with ease but also interact within a community.
My partners and I portioned out the work on this project evenly among ourselves. I was responsible for the team's schedule, keeping us on task to be sure we hit our goals on time. I also focused on the content and design of the survey and profile portions of the website, the design of the icon system, and the animation of the Leaping Bunny logo.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/96ca679b-3017-402f-90ae-a0dc5c5a49ec_rw_1200.png?h=c88d24faa5a50d5d9418ac60e05a2df3)
Meet Cathy
Cathy wants to go cruelty-free, but its hard for her to switch from her go-to brands. She feels like there aren’t enough options, and that they lack the quality she’s used to. Cathy wants an easy way to find trustworthy, quality brands.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/648a1bb0-bcf4-4da6-8c5b-3e4f347ceece_rw_3840.jpg?h=494b465756f2d08ceda3d82f2edf7d20)
Home
To create a user experience that is easy to navigate and engage in, we’ve designed a website that gives Cathy the ability to navigate through the features with ease.
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/2a70080e-c4cd-4069-8d3b-69737615227e_rw_3840.jpg?h=4d30fe3f13694fa8d52ccd3c4f75b4f4)
Shopping
A collection of animal-friendly make-up products organized by Cathy’s own filter preferences, and an in-depth view of her chosen product and its details.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/61c6ba3d-a6ee-4d30-b17b-a26eb8be5c4f_rw_3840.jpg?h=2f5dcfcd5ce2275248ed0d255086ab89)
Quick View
With Quick View, Cathy can easily find the products she wants online, in-store, or save
them to her favorites for later.
them to her favorites for later.
![](https://pro2-bar-s3-cdn-cf6.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/721c4956-a65b-423c-83f9-752d7343623c_rw_3840.jpg?h=a8056905038ea1d0b0b451114dedce1f)
Survey
Cathy can take a short survey about her make-up preferences to receive a variety of custom product recommendations and discover her soon-to-be new favorite make-up products based off of her survey results.
![](https://pro2-bar-s3-cdn-cf5.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/60bf0bbf-6a69-4cc8-8942-6377d998948d_rw_3840.jpg?h=e22ab00acd35e01613aab28fc4f56a10)
Save and Share
Creating a profile lets Cathy save her favorite products and looks, interact within a community, and receive custom product recommendations
![](https://pro2-bar-s3-cdn-cf1.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/21ffb845-0b16-46c3-87d3-69fbc6467a74_rw_3840.jpg?h=b408156bea38a663c68b199cd9aa2b9a)
Experience
The community feature allows Cathy to have a unique experience and be involved within a beauty community where she can chat with fellow users, watch tutorials on the latest trends, and view inspiring new looks.
![](https://pro2-bar-s3-cdn-cf.myportfolio.com/9fe4a1e6-5763-46ac-bf7d-b494e95069e9/b5c72d8a-f77f-4cbb-a8c5-9c2929ef1217_rw_3840.jpg?h=8b0600a27184b9ab5b59901b5b5a0090)
Brand
We’ve created an authentic brand that reflects the essence of Leaping Bunny by using a distinctive logo, playful colors, stylish floral patterns, and tasteful type to create a harmonious style.