Repository navigation
Wireframes
On the left is the wireframe for our start up login page and on the right is the register account page.
New users can create and account and then login after. Existing users can simply login. After logging in, they are taken to the main page.
On the left is the main page frame and the right is the individual product page.
The main page is where users can browse and search for products they are interested in. When a user finds a product, they can select it to open the product details page.
The product details page shows more information about the product, including prices and if it is in stock from different retailers. From here, users can select a retailer to visit its website and purchase the product.
Modification done after Cognitive Evaluation, added buy and store name buttons on store slider to emphasize more how the app works at this time. Allowing users to transfer to the place to buy it easily.
On the left is when the hamburger menu is open and on the right is the see all specific category or store page.
The hamburger menu allows users to navigate to different sections of QuickCop. Users can open this menu from the main page to see more navigation options.
On the right is the hamburger menu wireframe with one of the 2 dropdowns open. They both dropdown into some of the more popular choices and a see all.
On the left is what shows up when you click the see all in the dropdowns from the hamburger menu above. You can then choose a further option.
When users select a category or store, they are taken to a page showing products that are related to that selection(it includes the name of said category/store then all of its related prodcuts) . From this page, they can choose a product to view its details.
This provides users with another way to find products without needing to search for them directly.
On the left is what the main menu will look like when you have already set some products to watched and the see more sends you to a page like category/store selector but for all watched items.
The right is the item page of something you have set to watched with its mini notification settings opened. Once you set a product to watch the button changes and the settings icon appear. Within the mini settings you can change things like discount needed to notify, acceptable stores, and in stock notifications. There is also a item watched page with the mini settings closed but it is almost identical to the basic item page other than the watch button and settings icon, so it is redundant to add it.
On the left is the account page that shows up when you click the profile image on any menu. Its how you sign out and make further settings changes.
On the right is the profile change settings page
- You find QuickCop for the first time and decided to give it a shot. You open it up and the very first thing you see is the main page. It shows a lists of products and categories you can choose from.
- After spending some time on the app, you end up liking what the app does. So you want to create an account. When creating an account you get sent to the 'create account' page.
- After completing the account creation, you then login and return back to the main page.
- You wonder if any Pokémon elite trainer boxes are in stock so you search for one. After finding one you like, you click on it which sends you to the individual item page. This is where it shows you the products details, price, availability, stores, and price history.
- You see that the product isn't in stock and you want know when it will be in stock.
- In the product page, you see a watch/track item so you click on that. This will alert you via notification when the product is back in stock.
- After tracking the item, you think about it and realize that you only want the product if it is half off or less. So you look around to see if you can find something that allows you to be alerted for a specific price.
- You see a gear icon, looking like a settings button right next to the tracking button. You click on it an it pops up settings for alerts where you can customize when you get alerts.