Please enable JavaScript.
Coggle requires JavaScript to display documents.
Street-Apex Online Shopping Store - Coggle Diagram
Street-Apex Online Shopping Store
Website
Home
The home page is where users are first directed to, when searching on their browser. On this page, users can navigate the website through the navigation bar and access the signup/login, products, and cart pages.
Products
The products page is where users spend their time shopping. On this page, it displays all of the products available that the user can purchase. Each products displays a button that the user can select to add to cart. Along with this button is a number that the user can make larger or smaller with the arrow buttons on the side. If the user wants to purchase more of the product or less, they can adjust to their needs.
Cart
The cart page is where users are able to check their shopping cart and complete their online shopping order. On this page, the products that the user has added to their cart will appear and show a total sum of products and price. If users make a mistake by adding the wrong product, there is a clear button that users can click so that they can remove all products from the cart. This button increases safety of the user which is described the in the usability principles
Log-in/Sign up
The login/signup page is the page where users create or log into an account to begin their shopping journey. Without an account, the user will not be able to order anything as their contact, payment, and shipping details are needed and are safely stored in an account. After creating an account, the user will be able to log-in with the same details and order products straight away on their next visit to the website.
User Interface
Functional Requirements
Non-functional Requirements
Database
Products
PID1: Polka-dot 'Street' T-shirt
PID2: 'Street' Vision T-shirt
PID3: BMO Bar 'Street' T-shirt
PID4: Money Tree 'Street' T-shirt
PID5: 'POWER' Lightning Bolt T-shirt
Cart
Products
Users
First Name
Surname
Email
Payment Details
Shipping Details
Username
Password
Client Problem
Prescribed Criteira
Usability Principles
Accessibility
Effectiveness
Safety
Utility
Learnability
Include a home page with navigation
Include dynamic interface elements which adjusts based on user input
Allow users to create login and contact details
Show products available to purchase
Allow users to select products to purchase and step through a purchasing process
Self-determined Criteria
The online store must be aesthetic, simple and be effective in meeting the useability principles
The store must be suitable for users of all ages as it is a clothing store, and it needs to be accessible + safe for this reason.
The solution must sell clothing products