Categories
briefs

Imaginary Real Estate

You will create a website for an imaginary real estate agency.

  • Develop a concept regarding the types of homes / buildings that are presented.
  • Define a visual style that must be coherent across the project: drawings? 3d-renderings? cardboard models? photographs of existing places?
  • Design and develop a website that shows the listings (with image galleries) and allows to search / filter. You will need to study the conventions of existing real estate websites.
Categories
briefs ideas

Unofficial website for an exhibition

  • At the beginning of the project, choose an exhibition, at some design or art museum, that will be at the core of the work.
  • It should be a group exhibition, ideally with a large number of artists involved.
  • Visit the exhibition and document your visit.
  • Create a dedicated website for that exhibition.

A current example would be : Civilization: Our Life in Focus (showing from March 13, 2026 to July 19, 2026 at Museum für Gestaltung Zurich) which shows the works of around 100 world-renowned photographers.

Examples of dedicated exhibition websites:

  • Soundings (2013) – MoMA’s first major exhibition of sound art.

Categories
briefs

Create a music label

In every school, there are certainly some students who produce their music, play in a band, are MC-ing, are “bedroom composers” in different music styles.

This exercice aims to develop an in-school music label that showcases those young artists and their music.

Possible outcomes:

  • Label name and brand identity
  • Logo and visual style
  • Artwork templates for releases across several formats (digital, audio cassette…)
  • Artwork templates for different release categories: album, single, EP, compilation…
  • Web presence on different platforms (Bandcamp, Soundcloud…)
  • Design a label compilation
  • Other types of media: flyers, stickers, event posters, animations for social media…

Categories
briefs

explore a WordPress pattern in seven ways

This assignments is based on a blog post by WordPress theme designer Rich Tabor: Exploring WordPress as a design tool (December 2022). Rich writes:

Last week I challenged myself to take one pattern, from one theme, and morph it multiple times — only using the design controls block editor. It’s kind of like CSS Zen Garden, but without CSS — just out-of-the-box WordPress block design tooling. 

One theme. One pattern. Seven ways. No additional blocks, nor custom CSS between scenes — just designing in the good ol’ WordPress block editor.

Every font family/size, color, border, radius, image, video, and spacing value were are all added in-editor.

Categories
briefs ideas

Another year in web design

A few years ago, Taschen released a heavy volume of web design history, edited by edited by Julius Wiedemann – Web Design: The Evolution of the Digital World 1990-Today.

The survey in the book ends in 2018.

In this brief, students are asked to continue the story by adding a new chapter – how does the current year in web design look like? They will have to identify current design trends, major innovations, notable websites, and organize the information following the examples in the book.

Depending on the number of students, they can work on one year, or on several missing years (2019, 2020, 2021…).

Categories
briefs

campaign website from the past

Students have to design a website for a historical figure (maybe from a list provided by the instructor).

Example carried out in 2021 by student Messaline Piette at Eracom, Lausanne:

Categories
ideas

Improve the homepage of Tim Berners-Lee

An exercise in web design: improve the homepage of Tim Berners-Lee :

https://www.w3.org/People/Berners-Lee/

Categories
briefs

design tools survey

An assignment by Manuel Schmalstieg at EAA La Chaux-de-Fonds. The students had to produce a survey of tools and methods used in a professional field.

A class of Interactive Design students created a “2018 survey” of design tools used by digital agencies, in Switzerland and France.

The tasks involved:

  • Defining the questions of the survey.
  • Selecting an online survey tool (we chose Typeform)
  • Building a contact list to mail out the survey.
  • Creating a Mailchimp newsletter to send out the survey and allow for follow-up.
  • Designing a visual concept for the presentation of the survey results (we used Figma).
  • Coding the website.

Time available: 28 hours (in 7 sessions).

The initial brief: https://github.com/eaa-imd/designtools

The resulting website: https://eaa-imd.github.io/designtools/

Categories
briefs

Worst of the Web

An assignment in User Interface Design, by Prof. Claudia Jacques, at Bronx Community College.

Identify what is bad interface design, navigation, functionality, interactivity, content distribution in a website or app and find a positive solution to that site.

Source: http://bccart87.claudiajacques.com/project-1-worst-of-the-web/

Categories
briefs

One Day Websites

A method designed by Jeremy Keith, applied at the New Digital School, Porto:

Day four was a deliberate step away from [hands-on coding]. No more laptops, just paper. Whereas the previous days had focused on collaboratively working on a single document, today I wanted everyone to work on a separate site.

The sites were generated randomly. I made five cards with types of sites on them: news, social network, shopping, travel, and learning. Another five cards had subjects: books, music, food, pets, and cars. And another five cards had audiences: students, parents, the elderly, commuters, and teachers. Everyone was dealt a random card from each deck, resulting in briefs like “a travel site about food for the elderly” or “a social network about music for commuters.”

Read a more detailed write-up here.