Fall 2020 // Tuesday 10:30–1:10 // Online

Intro to Web Design

Project 2: Website for a [Blank]

Description

You will conceptualize, plan, design, and code a multipage website using one of several provided topics. The project will build off of the lessons each week and be a synthesis of the concepts and skills learned over the course of the semester. Each student’s project will be unique in content and form but be based on the same basic set of requirements.

Each topic has a specific set of pages to design and a goal for what that should accomplish. You will generate the content for each page by finding text and images online (or creating on your own) to use for each page based on that page’s goal.

The first step of the project will be the planning phase — finding or generating content, coming up with a general concept, finding visual references, creating a site map and wireframes. The second step is the design. For this project you will design a desktop version of the site at 1440px and a mobile version of the site at 320px. This means you will have a design for each of the four pages at each size. The final step is building the site. In this case you are only required to build two of the four pages. You must build the homepage but the second page is up to you. Each page should reflect the design as closely as possible and there needs to be a working navigation for the site.

The topics you can choose from are Food, Art, Music, or Travel.

Topics

Food Based

Create a website for a fictional restaurant, Pines of Nowhere. Pines of Nowhere is a Modern American restaurant dedicated to seasonal cooking and sourcing from local farms and waters. Our menu showcases the bounty of the Chesapeake Bay watershed in thoughtful, delicious and beautiful dishes that aim to nourish and surprise. The food is accompanied by a program of fine craft cocktails and an expertly curated wine list. Each week, a limited number of 15-course tasting menus are available at our chef’s counter, offering parties of two a unique and intimate chef-driven experience.

Necessary Pages

Art Based

Create a website for The Velvet Velvet, a fictional gallery. Every year, The Velvet Velvet features three to four larger shows about graphic design and architecture, with smaller monthly exhibits featuring work from local designers. Nothing on display will be for sale. The Velvet Velvet is like a free private museum of design scholarship meant to appeal to the whims of its founders—and hopefully the community.

In addition to the small and larger exhibits, one will find for sale a modest selection of books and magazines about graphic design, typography, and architecture from publishers all over the world.

Necessary Pages

Music Based

Create a website for the fictional band, Dauphine’s Revival. There are two options here. You can come up with the genre of music the band plays or you can use the following.

Part Jimi Hendrix, part James Brown and all New Orleans, Dauphine’s Revival is a hard-edged funk band that employs brass-band beats, rock dynamics and improvisation in a jazz tradition. NPR hailed them as “New Orleans’ brightest new stars in a generation,” and New York Magazine wrote that “Dauphine’s Revival takes in a century-plus worth of sounds—ragtime and jazz and gospel and soul and R&B and hip-hop—and attacks everything they play with festive fervor.” Here is a playlist of the kind of music the band plays.

Necessary Pages

Travel Based

Create a website for a real, major city of your choosing. This website will be a guide for tourists visiting the city you choose. It would be easiest to choose a city that you have visited frequently or that has a good amount of information already available online.

Necessary Pages

Requirements

Checkpoints

Back to Projects