980px

WEB202 » 12) Protosite

Protosite Story Board

Protosite Story Board

Time now to take everything you have done and build yourself a Protosite that you will turn in as your final project and present during finals week.

Requirements:

  • All pages must be coded to standards that you have learned in WEB120 & WEB200.
  • You must complete pages for a:
  1. Home Page
  2. Category and/or Sub-Category Page(s)
  3. Product Listing Page
  4. Product Detail Page
  5. All Shopping Cart Pages

 

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

290 Comments:

  1. Elly Boyd says:

    http://ellycodes.com/web202/protosite

    path:
    home > products > yarn > lion > mandala > “add to cart” or “buy now” > express checkout option > can navigate through using breadcrumb menu above or next/prev buttons > “place order

    • Elly Boyd says:

      * note about the path through my site…In my original comment, it says that both the “buy now” and “add to cart” buttons work to get to the shopping cart…the “add to cart” button doesn’t go to the shopping cart (it pops up a notification…the cart icon will take you to the shopping cart/summary page.

  2. Sunga Kang says:

    Path
    nav cards -> first item -> add to cart -> process checkout -> guest checkout -> process -> place order!

    http://kaylakang.com/saywithsarcasm

  3. Andria Bird says:

    http://fineandfreshdesign.com/web202/Protosite/index.php

    Path:

    Home / Accessories / Eyewear / Birds of a Feather

    From there you can start down the shop cart path!

  4. Yan Men says:

    Home Page
    http://edison.seattlecentral.edu/~Yan.Men/fpn/index.php

    Category and/or Sub-Category Page(s)—Click on ‘shop’
    http://edison.seattlecentral.edu/~Yan.Men/fpn/shop.php

    Product Listing Page—-Click ‘shop’>>click ‘pet food’
    http://edison.seattlecentral.edu/~Yan.Men/fpn/dogfood.php

    Product Detail Page—-Click ‘shop’>>click ‘pet food’>>click any product
    http://edison.seattlecentral.edu/~Yan.Men/fpn/product.php

    All Shopping Cart Pages
    sign in/sign up —-click font awesome sign (fa-user)
    http://edison.seattlecentral.edu/~Yan.Men/fpn/login.php

    order summary—Click ‘view your car’ (you have to add 3 product to cart)>>click ‘checkout with’
    http://edison.seattlecentral.edu/~Yan.Men/fpn/checkout.html

    payment—click ‘make a payment’
    http://edison.seattlecentral.edu/~Yan.Men/fpn/payment.html

    confirmation—-click ‘make a payment’
    http://edison.seattlecentral.edu/~Yan.Men/fpn/comfirmation.html

  5. Kenneth Edwards says:

    http://kennethedwardsdesigns.com/web202

    Click through only. Home > Donuts > Classic > *Choose any flavor of dozen in the dropdown > Checkout as Guest > Fill out form (if you want)

  6. Eric Staciwo says:

    Click-through path: Home > Instruments > Synthesizers > Desktop Synths > MonoSyn1 > AddToCart > Checkout > Checkout As Guest > Checkout > Complete Checkout > :)

    http://estaciwo.com/web202/finalproject/

  7. Trang Pham says:

    http://tidbitwebdesign.com/classes/web202/fp/index.html

    https://github.com/trapha11/WEB202

    THIS IS A CLICK THROUGH ONLY!
    Please go through the site in this order for an successful eCommerce experience
    HOME>SHOP>(any of these tab should do)WOMEN>SALE(any of these tab should do)>PRODUCTS(any of these tab should do)>add item to bag
    or click on Bag at the top>CHECK OUT>CONTINUE>CONTINUE>PLACE ORDER> CONTINUE SHOPPING
    1. Does not connect to a database
    2. cannot create actual log in account

  8. Dann Frey says:

    Direct link to the protosite.

    http://www.dannfreydesign.com/web202/final/

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php