Design a responsive website that will introduce yourself and your work to potential employers.
Your website must include the following items:
- A showcase of your multimedia and art projects done in BMCC and elsewhere. You can include other types of assignments, such as an essay, if relevant to your future job search.
- A description or explanation of each work.
- A paragraph introducing yourself and summarizing your professional goals
- Your resume
- Your contact information
The work process
STEP 1: planning and content development
- Consider the following questions
- What are your immediate professional goals? In other words, what kind of job or assignment do you hope this website will help you get?
- How will you introduce yourself professionally? a web designer? a programmer? a graphic designer?
- How many projects do you have to show? How many of them will you include in the portfolio?
- Organize your site’s content
- Select the work that you would like to showcase in the portfolio.
- Decide how to organize your work on the site. For example, by type (websites, print, paintings, drawings etc.), by skill (design, development), by software (Photoshop, Illustrator, Flash) or as case studies.
- Decide how to organize the site’s content. For example, what content you will have on the homepage? where will be your contact information? (in a separate page? on the homepage? on every page?)
- Write down links’s labels and the titles of the pages.
- your resume, if you haven’t done it already.
- a paragraph introducing yourself and your professional goals.
- a short description for each of the projects in your portfolio.
Submission: Draw a wireframe for every key page of your website. It must include the homepage, about page, portfolio page (if different than the homepage), and the page, or state, after one of your work was selected. Draw one additional wireframe for a mobile version of the homepage.
STEP 2: Design the interface
In Photoshop, mockup the design for the homepage and gallery page for desktop and mobile.
STEP 3: HTML/CSS
- Use standard-compliant, semantic html5 code + CSS.
- The use of Bootstrap is optional
- Validate your HTML and CSS code.
- Use relative units to create adaptive, flexible layout.
- Use media queries to optimize your site’s layout to at least two screen sizes: desktop and mobile.
- Test your site in multiple browsers.
- Wireframes (see above)
- Publish your site in github pages and submit a URL.
Your grade will be based on:
- 10% Timely submission
- 10% wireframes: must meet all requirements listed above AND display a clear scheme to organize your work
- 35% Quality of code: your site must have error-free, standard-compliant, semantic HTML and CSS. Validate your code!
- 35% Design: your portfolio may be the first impression that you make on a prospective employer. Find creative ways to demonstrate your skills.
- 10% Writing must be clear, professional and free of errors.