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:
- hand-coding with HTML and CSS
- modifying an existing HTML/CSS template
- modifying a WordPress theme
After experimenting with these three options, you’ll choose one and create your website.
Site Outline (due Monday 4/16)
Visually and/or textually, present a working outline of your professional website in one page. Present the pages or sections your website will have and give a general description (visual and/or textual) of the text, images, and interactivity of each page/section. If you can show or tell the overall look and style of your site, do that, too.
Proposal (due Monday 4/23)
Write a proposal in memo format in which you describe 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 the design–the look & feel–of your site, and how the design will support the site’s purpose and appeal to its audience. Are you leaning toward using an HTML/CSS template or a WordPress theme?
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.
- Create a website for a business or organization or revise an existing site.
- 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.
- Gather or access data (personal or social/cultural) and create a visualization of this data using Tableau or another interactive infovis tool.
- Research and write stories about a local IV/UCSB news event or issue; design and create a website to present this information.
- Film and edit a video on a topic that’s relevant for your professional interests.
- Create an interactive video using Eko Studio: https://studio.helloeko.com
- Create an animated text project (e.g., Ira Glass on Storytelling: https://vimeo.com/24715531)
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.
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).
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.
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.