Midterm Project

Midterm Project – Due July 6

Specifications: Design a prototype website home page and first-level of another section (landing page) for a client** of your choice. Focus on creating an interesting navigational interface that allows the user to navigate the site in multiple ways . Use HTML and an external CSS file to build the prototype for your home page and first-level page of your site. Post your thoughts and decision-making process for this project on your WP blog.

I want you to use the knowledge and skills we’ve covered in class — and hopefully you’ve supplemented on your own — to build a prototype of these two pages for a website. I do not expect the site to be built perfectly — your technical skills will improve over time. But I do expect you to use the knowledge you’ve acquired to construct a functioning site that lives on a server environment.


  1. Home page
  2. Landing page of a main section (first-level of another section) with sub-navigation.

You need to upload your midterm project to the class server in order to present your project to the class. Please do this BEFORE class on Tuesday, July 6.

** Note: Before next week, please email me with details of the client you have selected for your midterm project. You will need my final approval to proceed with your chosen client.

The client should be a real or fictitious company that is nation-wide and provides product(s) and/or service(s) to the general public. You should avoid picking small, local companies that do not have interest in a large public audience. You should also think about what kind of interactivity could eventually be added to the site. In what ways can the brand be developed to create a sense of community and build a relationship with the user?  How can you engage the user of the site in a conversation with the brand?

Gone are the days when brands could effectively broadcast one-way messages to an audience with no expectation – or means – of a response. The most beloved brands today engage in conversations with people that can feel personal, even private. To aid the dialogue, marketers are using data in order to create simple tracking tools that help customers gain insights about themselves and even change their behaviours for the better: to lose weight, get more sleep, consume less electricity, save more money, or run a marathon. These tools are the beating heart of successful digital brand platforms, deepening customers’ self-awareness and strengthening ties between peers.

Please read the following articles to help explain what I mean by creating a sense of community and building relationships.

Branding in a New Dimension
How to build a brand and a relationship in a Web 2.0 world

Mother of Invention
It’s not enough to exploit technology, you need to create it

We are now in the era in which brands must create new transformational technologies. Don’t think about how to exploit Facebook as a media venue or stick a TV ad on YouTube—think about how to create new ways that serve your customers and your brand. As a guide, think about it in terms of the four C’s: content, commerce, community and customization.

Think about how you could apply these types of online interactions for the products and/or services provided by the company you choose as your client.

The midterm project web site specifications are:

  • home page and landing page for a major section of the site.
  • A clear navigation system.
  • A successful sub navigation system.
  • A strong visual design and concept: A theme and visual concept that carries through the site.
  • A design that works well on 1024×728 displays (i.e. navigation & primary content inside 990×560).
  • You must use mostly HTML text in the site.
  • You must use either a two column or three column div structure. (Do not build your site completely in tables or completely with AP divs!)
  • You must use an external CSS file.