Last Days [L15 / L16]

WEB287 – Portfolio Final

Portfolio Draft v1

The next two weeks will be dedicated purely to refining, completing and submitting all your submittables for the semester.  You will be receiving feedback on your final project this week.  Please review this feedback and work on addressing any issues that might have been noted.  This feedback is meant to help you create the best best final product possible.

  • Objectives  
    • Complete and submit Blog
    • Revise, complete and submit final project portfolio Website
  • To be completed  
    1. Submit your blog 
    2. Revise your final project, incorporating feedback
    3. Submit completed and revised final project

Final Project

Blog

due: 11:59pm, May 7th

due: 11:59pm, May 11th

Big Interview

URL: http://waketech.biginterview.com/

Big Interview can help you learn and practice your interview skills, whether you’re interviewing for a job or graduate school.


Wake Tech Career Coach

URL: https://waketech.emsicareercoach.com/Career

Career Coach is designed to help you find a good career by providing the most current local data on wages, employment, job postings, and associated education and training.


Final Project Submission Area

Upload your work to the wcet3 server 
Upload your work to an external server (i.e. www.yourname.com).   
Submit both links to the discussion board
Attach your design document to your discussion post
Provide feedback to at least two other students. 

Due: 11:59pm, May 7th


Blog Submission Area

Submit the blog you have been working on over the course of the semester to the assigned discussion area.  You will be holistically graded on relevance, quality and quantity of your posts. Review and reply to the submissions of at least two others. 

Due: 11:59pm, May 11th

Final Project

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  
  • 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

Email Me Form

You can make functioning contact forms with this service. URL: http://www.emailmeform.com/

Design Document

WebMRose Online Portfolio and the Design Document


Background to the Site

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.).

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?
  • 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?

Audience Definition

– Includes but may not limited to…

  • 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.

Flowchart

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

Features List

Site’s Features / Element that draw attention/showcase your abilities.

MRose Cover letter

Cover Letter

<div>
<p>HELLO</p>
</div>

HELLO


Hello Human Resource Manager,

The posting for a Junior Graphic/Web Designer has caught my attention! My background appears to parallel your needs. I am highly motivated with challenges and work fast under pressure. My unique layout style, web / graphic experience and knowledge would be an asset to your company. As my attached resume and online portfolio demonstrates, the open position is a perfect match for my communication, web and graphic design experience. I continue to prove myself as an intelligent take-charge team player with the ability to coordinate diversified departmental and customer support functions.

  • Accustomed to deadline driven environments
  • Career minded and highly motivated
  • Intelligent take-charge team player
  • Manage multiple projects at one time
  • Experienced in functional design and layout 
  • Communicate concepts to clients in a professional and non-technical manner
  • Text integration, image optimization, navigational elements and search optimization

Primarily, this position will make optimal use of my qualifications working in capacities that require strong layout design, image optimization, and interpersonal communication while professional attention to detail and organization is highly regarded. I believe my enthusiastic, friendly and outgoing personality with the desire to succeed and life long goal to continue learning would be an asset to your company. I would welcome the opportunity to meet and discuss the possible merging of my talents and experience with your needs. Please feel free to contact me at (919) 555-1212 at your earliest convenience. Thank you for your review and consideration.

Sincerely, Melissa Rose
baby4rose@gmail.com

Resume Writing 101

A well written resume is the key to obtaining an interview.  You can be the most qualified person for a position, but if your resume is not written well, the employer will skip right over it.  As a designer, use your resume to show the employer your understanding of design and presentation.  Present your information in an organized, precise manner that will catch an employer’s attention. 

An employer looking to hire can be inundated with applications.  Your application should catch an employer’s eye at first glance.  Surviving the initial screening process may be the hardest stage in applying for a job.  Once past the initial screening process, your resume will receive serious consideration and you may be called for an interview.

Think of your resume as an advertisement of what you have to offer.   Ask yourself what would you look for if you were the employer.  Highlight these items in your resume.  Often, you’ll need to customize your resume for a particular job.  Analyse the employer’s needs and present your resume as a solution to their vacancy.