E-Commerce Website Design

I started by quickly brainstorming different ideas for how the products should be displayed, grouped, filtered, sorted, etc. Sketching also helped me visualize the flow of the website and the steps the user will take to view and buy products. 

After quickly creating several kinds of designs, I was able to transfer those ideas into some simple wireframes to better understand the visual hierarchy and flow of the website.

After I had a good base with the wireframes, I was able to continue improving and iterating the the designs to create polished, finalized ones using Figma

I created a simple prototype of the homepage to better show the interactive elements, such as the hover effects on the products, the search bar, and the banner.