Whisker Notes mockup

Whisker Notes

Whisker Notes is an interactive e-commerce website prototype that sells cat-themed stationary.

Project Scope: Figma, branding, UI/UX, interaction, web design, prototyping, e-commerce
Tools: Figma, Firefly, Illustrator
Timeline: November - December 2024 (2 months)

Whisker Notes is a prototyped e-commerce website for cat themed and related stationary products. Starting with the creation of the brand elements such as logo and color palette, as well as type specifics and formatting. Afterwards, I sketched various wireframes for multiple screen sizes, comparing the user experiences to other similar stationary sites. The final outcome features a functioning walkthrough of a complete transaction, from choosing a product, putting into your cart and checking out.

I included a lot of interactive features to expand the prototype to make sure the important elements of the searching and viewing experience is thorough. This includes favoriting items to save for later, filtering and sorting for specific styles and types, as well as a large, expanded navigation bar for multiple categories.

walkthrough demo

Figma prototype - Desktop