To showcase my ability to create a responsive prototype and bring it to life in a working webpage, specifically through the use of Figma and Webflow, steps included:
Conceptualized the brand, created a mood board, user profile, wireframes, prototypes and conducted testing.
Selected appropriate photos and created images.
Recreated the design in Webflow aligning the style and specifications accordingly.
Used the CMS functions of Webflow to import the data for the products.
The final outcome I compiled in an edited video.
The finished walkthrough can be seen in the video below.
Watch the video
Shown is my initial storyboard, the basic style guide I developed based on the persona for which the website was designed, and three hero banners I created to represent the overall feel and look of the site.