Mocks of the application

[ArfatSalman]

Use this issue to collect the mocks of various screens.

It's a good idea to collect the mocks within the context of a user stories. For example,

• How many number of distinct pages do you have?
• What are the user actions?
• In how many steps does he / she achieve it? What action items have to clicked?
• What screens they have to go through?

You can use tools like Figma (recommended) or other wire-framing tools like Balsamiq.

Ensure that you also know at least these things (you can always list more things)

• Application Layout Structure
• CSS / React Layout Library
• Icon Sets
• Color Scheme
• Theme

Feel free to consult older projects listed in the Little Tags Notion page.

If you have questions, comment on this issue.

[bhk31]

Hi @ArfatSalman please find the mocks for the project below. Let us know your opinion on it.

Landing Page

Login

Product List

Product info page

[AamirAlam]

Revamped product mock

Application pages

• Landing page

• User clicked on bag icon

• User typed inside search input field

• User searched a product, Hit enter after typing

• User clicked on a product category

• User clicked on the sort product option

• User clicked on a product card

[AamirAlam]

Hi, @ArfatSalman Please review the revamped user stories, we are still working on more screens.

[ArfatSalman]

Review done in class. Considering this thread closed. Feel free to open another issue if something is still unresolved. :)