MangaNotComics or MNC is an idea for an e-commerce web app for mangas. It has the must have screens required in an e-commerce website. Responsive? ✔
A landing page with a list of featured categories in a mansonry grid and a section for trending / top read mangas of the week.
A page full of products along with a section for filters. You can see multiple filter options, filtering by price, categories and ratings.
A dropdown menu to sort the product page according to "featured", "best selling" and "trending".
The product cards have two buttons, one to bookmark (top-right) it and another to Add to Cart.
You can filter through various options:
- Price: Slider and Radio buttons for low to high, or high to low
- Categories: Checkboxes
- Ratings: Radio buttons for low to high or high to low
On the cart page, you can add more quantity of the same products or remove the product altogether. You can also see a Add to Wishlist button. There's also a section to change the address of the user. And a section with a price summary of the products present in the cart. You can see the Total MRP, discount (if any) and a button to apply for coupons.
On the wishlist page, you can see the products bookmarked which can be removed from wishlist by clicking the "x" button. It also has button to Add to Cart. Here's a page for empty wishlist page.
The authentication pages can be accessed by clicking the user icon on the navbar. It contains:
- Login
- Signup
- Reset Password
Here's a screen-recording of MNC: