To showcase my ability to create a responsive prototype and bring it life in a working webpage, specifically through the use of Figma and Webflow, I developed this conceptual project.

I began by creating a brand persona to define the tone and direction, following this I designed basic key brand elements and products. Using Figma, I developed low wireframes and then adjusted these as necessary to create working hi res wireframes and prototypes of a product page.

Once the prototypes in Figma were completed, I used the CMS functions of Webflow to import the data for the products and built out the web page based on the Figma design and structure.

The design was built responsively to perform smoothly across desktop, tablet, and mobile. The finished walkthrough can be seen in the video below.