Interface Design – Final Project

Final Project Specifications: A Museum Site Design, plus Spec Doc

In this course-long project, you will create an imaginary museum to design a website for. If you pick a real one, your design must differ significantly from their existing site.

You will not need to code it. You will need to design mockups for only a handful of the pages. This project has two main components:

  • mockups for the site (these will actually be the culminated result of individual assignments through the weeks)
  • a specification document, that describes how users will interact with your interface elements
Circus World museum home page screenshot

Example Museum Site: Circus World


29 Weird Museums

Museum sites have many things in common, no matter what kind of treasures are on view at the museum. The museum design pattern usually includes:

  • home page with a general overview and featuring current and upcoming exhibits
  • individual exhibit pages
  • information on planning a visit, including hours, admission, parking, and directions
  • information about special tours and field trips
  • calendar of events
  • online gift shop
  • online ticket purchase
  • photo galleries
  • history of the museum
  • how to volunteer or donate
  • search

This variety of content pages provides us a great opportunity to practice interface design.

Project Part 1: Mockups

Again, these will be individual assignments given through the weeks. You can make further refinements to them, prior to resubmitting them all together for the final.

Define a custom, unique design for your museum. All design elements should fit into a specific design aesthetic related to the museum’s focus. Color, typography and image sourcing/editing are appropriate to the topic and the site’s audience. Create a style guide for this theme.

Home Page

Gallery Pages

Calendar of Events Page

Online Ticket Purchase

Responsive Design

Project Part 2: Design Specification Document

This is the part I’m basing your Final Project grade on.

  • Go back to earlier mockups and bring them up-to-speed with any overall design changes made in more recent mockups (e.g. header, footer, typography, colors.)
  • Collect all of your screenshots together into an InDesign document.
  • Include a title page and a table of contents.
  • On its own page right after the table of contents, write a challenge/solution statement (see below).
  • In the following pages, arrange text and screenshots to describe all of the interactions you have designed for your museum site interface.
  • Use lots of headings to divide the content in your document.
  • Give each image a figure number, and refer to the figure numbers in your descriptions.
  • Give each page a page number.
  • Use complete sentences and impeccable spelling and grammar.
  • Save the document as a PDF, and upload it to Dropbox.
Challenge/Solution Statement

A challenge/solution statement is an important piece in any designer’s portfolio. Write about the challenge you faced in this museum design, and the solutions you developed.

Refer back to your Design Brief to help identify some of the challenges you encountered.

Prompts (do not include these questions in your statement; just your answers):

  • What was the purpose of the website?
  • What was your biggest challenge?
  • What was your biggest accomplishment?
  • What would you do differently next time?

Break your statement into two or more short paragraphs.

Student Work

Sample Design Specification

museum website design specification document