Professional Website

This assignment asks you to create a professional website that features your written and multimedia work. We’ll take three approaches to creating this website:

  1. hand-coding with HTML and CSS
  2. modifying an existing HTML/CSS template
  3. modifying a WordPress theme

After experimenting with these three options, you’ll choose one and create your website.

Part of the process includes writing a proposal in which you describe your plans for the site. Use the following sections to organize your information:

  • Purpose: identify the most important goals that you want your site to accomplish.
  • Audience: identify the primary audience for your site, and describe their most important interests and needs.
  • Content: list the samples of your work that you’ll include at your site and indicate how you’ll organize this content
  • Design & Coding: discuss how you’ll create your site—either with a WordPress template, with an HTML/CSS template, or coding all the HTML/CSS yourself. Describe the design of the site.


Multimedia Project

Working individually or collaboratively, create a multimedia project that would be appropriate for you to include in your professional website. This project should give you a chance to explore in greater detail a topic or a technology that interests you and that is relevant for your professional development. Through this project, you can showcase your knowledge and skills in an area that will help you advance your career.

Here are some project ideas; we will brainstorm and discuss other ideas in class.

  1. Create a project using Lightbox, NivoSlider, timeline.js, or another HTML/CSS/JavaScript program.
  2. Create a website for a business or organization or revise an existing site.
  3. Research a new development or a new tool related to web design (e.g., HTML5, responsive design) and create a website that provides information, resources, and tutorials about this topic or tool.
  4. Gather or access data (personal or social/cultural) and create a visualization of this data using Tableau or another interactive infovis tool.
  5. Research and write stories about a local IV/UCSB news event or issue; design and create a website to present this information.
  6. Film and edit a video on a topic that’s relevant for your professional interests.
  7. Create an interactive video using Eko Studio:
  8. Create an animated text project (e.g., Ira Glass on Storytelling:


Print Portfolio

Compile a professional, print-based portfolio of your work. You should envision being able to take this portfolio with you on a job interview to show samples of your best work to date. Revise this work where necessary before including it in the portfolio.

Your portfolio should be targeted for a specific audience or type of job. Therefore, the work you choose to include and the order in which you present it will be determined, in part, by the type of job you envision applying for.

One key constraint: your portfolio can’t use the standard 8.5” x 11” dimensions for its pages.

Stage 1

Create a portfolio outline that lists the work you’ll include. Approach this task from two angles: first, consider what would be the most relevant materials for the particular job/interview in which you envision using the portfolio; second, consider what materials you actually have and how to organize them most effectively. Consider organizing your portfolio in sections (e.g., Writing, Design, Editing).

Stage 2

Collect and revise the materials that will go in the portfolio. You should strongly consider also writing a brief introduction for each item or for each section (if you use sections in your portfolio). Keep in mind that the skills demonstrated through your work are probably not going to be self-explanatory; you can use introductions or section overviews to guide the reader in seeing the value of each item in the portfolio.

Stage 3

Design your portfolio using InDesign or another document design program. Consider working with non-standard paper or other materials. Print and bind (or otherwise gather) the materials in a professional manner.