Web App Portfolio

Web App Portfolio

1. TASK REQUIREMENTS

   • Prescribed Criteria
     • Allow a user to purchase an item on an e-commerce platform
     • Allows a user to Log in
     • Allows a user to sign-up
     • Demonstrate all the useability principles
     • Demonstrate at least 2 principles of visual communication
   • Self-Determined Criteria
     • Allow users to search for products

2. USER PROBLEM

   • User Persona
     • Personality
       • Needs/wants
         • Simple, effective ecommerce platform
         • Eye-catching webpage design
         • Easy Sign-up Process
       • Frustration
         • Complicated Websites
         • Boring Webpage Designs
         • Complicated Sign-up process
       • Interests
         • Gym
         • Football
         • Cooking
     • Stats
       • Name: Johnno Smith
       • Age: 20
       • Height: 5'11
       • Location: Melbourne

3. Limitations/ Constraints

   • Creating a Mock-up
     • No animated elements/ videos
     • Not interactive
       • Buttons don't work
       • Users cannot input data

4. USER INTERFACE

   • Home/Landing Page
     • Components
       • Body
         • Carousel feature
           • This will be used to display items that are on sale or brand-new
             • Have back and forth button for user to shuffle through the products
         • Shop by category section
           • Displays the major categories of the brand's products
             • Helps user to sort through products
       • Footer
         • Lots of hyperlinks to different components of the webpage
           • e.g. T&Cs, Account management, FAQ
         • Display the logo again
         • Display the brand's social media acounts
       • Header
         • Display logo
           • Largest component of the header
         • Menu button
           • Drop down menu for user to access different components of the website
         • Shopping cart icon
           • A portal for users to access their checkout page
         • Love icon
           • Allows user to check their saved items
         • Location icon
           • Allows user to set their location
   • Login/ Sign Up Page
     • Display Logo at the top
     • Allow the user to toggle between Login / Sign Up pages
     • Login with two factor authentication
       • User Email
       • Password

5. Data

   • Product Details
     • Product Name
       • e.g. Blue T-shirt
     • Price
       • e.g. 24.99
     • Product Code
       • e.g.10007863
   • User Details
     • Email
       • e.g. example@email.com
     • Name
       • e.g. Johnno Smith
     • Password
       • e.g. Password123

6. Existing Solutions

   • Solution 1
     • ASOS Home Page
       • Pros
         • Images for products
         • Allows users to filter between male and female products
         • Displays the company's social media
         • Large Search bar
         • Hyperlinks in the footer
       • Cons
         • No clear Visual Hierarchy
   • Solution 2
     • ASOS login page
       • Pros
         • Users can easily switch between login and signup page
         • Forgot password option
         • Users can alternatively sign in with google, apple or facebook
       • Cons
         • No back button to home page