Professional Website

This assignment asks you to create a professional website that features your written and multimedia work. In class, we’ll move through the following stages to build the site:

  1. set up a domain and server at Reclaim Hosting
  2. download a text editor (e.g., Brackets) and an FTP program (e.g., Cyberduck)
  3. learn HTML and CSS via tutorials at HTMLDog
  4. modify Story, an HTML/CSS template available at HTML5Up
  5. select your own template to modify, add your own content, and post at your URL

Your website will be evaluated based on these criteria.

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 tool 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 WordPress blog to link to your main website; write several entries and upload media.
  2. Update the website for the Multimedia Communication track of the Professional Writing Minor.
  3. Thinglink: a tool for annotating images with text, links, images, and video (pricing plan)
  4. Create a story or a set of tutorials using a screencasting tool like
  5. Create a map-based website using ESRI Story Maps.
  6. Learn about SlideDocs and create one of your own.
  7. Create a website (HTML/CSS or WordPress) for a business or organization or revise an existing site.
  8. Create a multimedia project using two or more Knightlab storytelling tools.
  9. Gather or access data (personal or social/community) and create a visualization of this data using Tableau or another interactive infovis tool.
  10. Research and write a story about a local IV/UCSB news event or issue; design and create a website to present this information.
  11. Film and edit a video on a topic that’s relevant for your professional interests.
  12. Create a project using an HTML/CSS/JavaScript package that you configure and modify, such as a lightbox, slider, timeline, or other interactive option.
  13. Create an interactive video using Eko Studio (and check out their guidelines/instructions).

Final Project

You have the option of creating another Multimedia Project, extending the project you already created, or creating a Print Portfolio. Instructions for the Print Portfolio are below.

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.