This was the final project for my program where I redesigned the complete Wilder Goods website. This includes creating a high-fidelity mock-up for the website and writing complete code from scratch for it.
I created the wireframes and mock-up in Adobe XD and then used HTML, CSS, JavaScript, Bootstrap to design the website.
Before
After
I changed the carousel homepage and created a landing page with promotions, categories, and trending products page.
I also redesigned the shop page where all products are listed, adding filters and element to enhance the UI and customer experience.
Before
After
Finally I redesigned the cart to enhance the user experience.
I also created a sample single-product page for the project which displays a single item like on an e-commerce website with all details and description and size/color options.
I also updated the about page and checkout page for better UI and UX. Most importantly, the whole new redesigned website is completely optimized for all platforms - web, tablet, and mobile phones.