Candle hero image.
Banner for Figma to Webflow project.

Skill Areas

Waxen

Woman hands holding a candle product.

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.

Woman hands holding a candle product.

Watch the video

Graphics of three device outlines in a very basic style.
Three products for e-commerce shop.

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.

Mood board for Figma project.
Basic elements and style for web project.
Three hero banners for candle brand.
Three hero banners for candle brand.
Partial views of the hi-fi wireframes [Figma]

Desktop

Desktop image of partial hi-fi wireframe.

Tablet

Tablet image of partial hi-fi wireframe.

Mobile

Mobile image of partial hi-fi wireframe.
error: Content is protected !!