SP20 project WEB287

Portfolio Draft v1

L15 | DUE May 7th 2020

Professional Reviewers

Your final projects are due on Week 15, however you will be asked to submit a nearly-complete version of your project in Week 13 in order to receive another round of feedback before your final submission.

We have secured industry professionals in Web design and development to review projects for this class. It is possible that one of these industry professionals will be reviewing your site!  Plan accordingly and make a good impression!

---

INSTRUCTIONS: 

Based on your midterm prototype and subsequent feedback:

• Design and build a full and complete self-promotional responsive web-portfolio showcasing your own work.
• Include a brief design document providing background and rational for your site. 

You are required to include links to the following within your site:  

• An introduction of yourself and/or your company/business  
• A minimum of three portfolio pieces** (you can rework or polish these if necessary).  

** With the exception of external websites, all portfolio pieces should incorporate seamlessly into the overall design of your site (no pop-ups to old html files or direct links to .jpg files)  

• Contact Information (this will be a real, live site, so post only information you are comfortable showcasing to the world)  
• Your resume (see note about contact info)  
• A link to your blog  

In addition, I will also be looking for the presence of the following technical requirements:   

• Appropriately titled pages and SEO best practices applied
• Appropriate usage of CSS throughout your site   
• Effective organization of content using a responsive navigation   
• Accessibility and appropriate use of Alt tags
• Effective and well organized back-end file architecture  
• Appropriate use of optimized gif/jpeg/png, video, and/or audio

**Be sure to verify your site on all major browsers (i.e Edge, Firefox, Chrome).**  

In addition to the requirements above, your site will be graded on its overall design including responsiveness; your site should look good and be functional across all screen sizes.  Your design will also be graded on how well it accomplishes the goals set in your final design document; you are designing with purpose, with your target audience in mind.

---

Deliverables:

Upload your work to the wcet3 server 

Upload your work to an external server 

(i.e. www.yourname.com)

Attach your design document to your discussion post

Submit both links to the discussion board

Provide feedback to at least two other students.   

---

Grading Rubric:

Website Content Deliverables:
Introduction, Contact Info, Resume, Link to Blog, Complete site	/20
Portfolio Pieces:
3 Portfolio Pieces / Quality, Seamless incorporation	/20
Technical Requirements:
Page Titling / SEO, Appropriate CSS & HTML usage / Best Practice	/10
Graphics / Optimization, Alt text / Accessibility	/15
User Experience:
Site Organization / Usability, Responsive / Mobile friendly, Overall Design	/25
Other Project Requirements:
Uploaded / link to wcet3	/2
Uploaded / link to your url .com	/5
Design Document	/3
Total:	/100

GRADE: This counts for 25% of your final grade.     

PROJECT NOTES:

1.   Whereas I will accept projects that have been started prior to this course, I am expecting to see elements taught in this course in the project. Hence, I will be expecting to see redesigns of web sites that already exist and your project MUST include a link to the original site so that I may see the steps taken to redesign the site.  Please keep in mind, handing in work that has already been submitted/created for another course or for other purposes without significant alteration is considered plagiarism and will warrant an F on the final project in its entirety.     

2.  The content of the site cannot be deemed ‘inappropriate’ by any stretch of the imagination. I will not accept sites that contain content or links to pornography, adult content, violence, drugs, etc. It is better to err on the side of caution. If you are unsure, ask me – do not wait until AFTER you have designed the site to ask. 

---

Design Document Deliverables

Link to the “Design Document”

One of the deliverables for your final project submission is the inclusion of a Design Document.  Below are the expectations for this document:

1.     Background to the Project

Please include a brief background of your skills and the specific skills (i.e. design, programming, etc) you’re seeking to showcase for your audience. 

If you are doing a redesign, you must include a link to the original site here, as well as information related to the redesign (when was it originally created, by whom, why the redesign, etc.).

2.     Goals

I am looking for answers to your basic set of questions here, such as: 

• What is the goal or purpose of your site? (i.e. Advertising yourself online, show potential employers, showcase specific programming skills, showcase design skills, etc.)
• Who are the intended audiences?
  • Who are your potential employers? A large company?  Small businesses?
  • Who within the company might be visiting your site?
  • Will you need to demonstrate your skills to a techie person or non-techie?  How might you address this?
• Why specifically will people come to your site?

3.  Audience Definition

Includes but may not be limited to such information as:

• WHO are the users (tip: refer back to your intended audiences list),
• What are their goals and objectives,
• What technology they will use to access the site.

4. Flowchart

Include an architectural flowchart for your site, breaking down the site’s organizational scheme.

5. Features List

Describe some of the site’s features/element that draw attention/showcase your abilities.

Possibilities include:

• CSS3 elements
• HTML5 coding
• Specific design elements
• JavaScript / PHP / Java programming
• Interactivity

---