Flower Knows Design Audit

Deconstructing the style guide and pattern library of the cosmetic brand Flower Knows, transferring insights into a Figma-based website mockup.

Recreated Webpage

I built the home page of Flower Knows' website in Figma to familiarize myself with the style guide and branding. To do this, I recreated each of the home page's components and UI assets in Figma. Preview the scrollable mockup below.

Design System Website

Afterward, I collaborated with a group of UX students to analyze the elements of Flower Knows' design system. We then developed and refined a Figma prototype with minimal interactivity to present our findings as a website. I took the lead in designing the final iteration of the website, shown below.