Overview

Fan pages were hallmarks of the early net. They represented a casual and spontaneous quality where users created ultra stylized environments to celebrate their interests. For this activity, I’d like you to create a fan page for someone or something you deem deserving of the honor. Consider what qualities of the person/object are most visual and descriptive. Embrace the person/object and design a website that fully embodies their spirit. All assets on the site must be made by you (however, editing or collaging found assets in a meaningful way is OK).

The website should include a variety of content (text, images, videos, animation) to tell the clearest story. While we’re looking to the past for this project conceptually, the design of the website should feel like it is from 2020 and designed with a contemporary design sensibility. The content of the site can be a mix of self-generated content and found content, as long as it’s used with intention and interpreted in a new way.

You can also think of this project as a profile in a journalistic sense. It can be a person, place, thing, idea, but you should focus on one impression or detail about it rather than going too broad. Being specific will help us avoid ”book report syndrome.“ What persperctive can you bring in to your subject that only you have to offer?

Specs

• HTML & CSS

Learning Goals

• Develop mixed media content that supports your idea
• Develop a visual tone of voice for the website that touches on writing as well as the visual design
• Project development from sketch to programming
• Experiment with HTML & CSS

Related Student Projects

• Et Cetera – Sonia S.
• Jellomania – Vitoria I.
• Get Hype – Pauline Y.
• Masterpiece – Jahyun L.

Suggested Reading

• One Terabyte of Kilobyte Age
• Fumblers.Ca
• Meet Bill Butler, the Godfather of Roller Disco – Julia Carmel (Example of a profile)

Due Dates

• 02/22 – 3 ideas for profile subject due
• 02/24 Content map and plan, visual research ideas and design gestures
• 03/01 Sitemap and three revised homepage ideas
• 03/03 Start designing
• 03/08 Full site design
• 03/10 Spring break No class (continue programming)
• 03/15 Programming check in
• 03/17 Programming check in
• 03/22 Project critique