Projects 2016/17

WARNING: it will be my aim to give you plenty of project work! :)
I firmly believe that you will only learn by doing.

While only 2 of the projects will be assessed – I would recommend that you aim to work on as many of the projects as you can. You will end up with a strong portfolio of work ~ ready to take on the web :)

introduce yourself!

Create a single page design for an online profile for yourself, to introduce yourself to the web :)

full brief

The aim of this project is to create a professional profile page for yourself, a single page design. Selecting any information you find suitable, create a design which will present your chosen information in a clear and meaningful manner.

✔ check list #1

  1. write/edit/collect the information you’d like to feature on your profile
  2. mark up your text in a fitting structure and begin to experiment with typesetting
  3. focus on clear hierarchy and put relevant emphasis on each content type
  4. put together a fitting font-stack with a minimum of 5 fonts

✔ check list #2

  1. work with your given content to plan for effect presentation
  2. sketch out your ideas in your sketchbook, experiment/iterate/refine
  3. produce a digital mockup of your design (black/white only)

group feedback on part #1 & #2

26/10/2016

✔ check list #3

  1. work either in a graphics app, or CSS, to experiment with colour schemes
  2. produce a digital mockup of your design
  3. post a link to your colour scheme ideas in the comments below, or post to the #design channel on Slack
  4. give feedback to each other ;)

✔ check list #4

  1. work on any visuals included in your design
  2. experiment with patterns for background
  3. produce the final single webpage and submit your complete folder via Slack by the 9th November

final deadline

9/11/2016

typesetting literature

Choosing a suitable piece of literature – focus on presenting the text in a suitable typeface, creating a colour scheme which both aids legibility as well as underpins the context of your chosen piece.
Restriction: use of images is not permitted.

full brief

 project brief

This project focuses on typography and colour. Choose any text by any author. It could be a passage from your favourite novel, a poem or a song lyric. Think carefully when choosing the text, as no images are allowed in this project and so the text should allow for detailed styling and typesetting.

The creative use of the numerous CSS rules available will enable you to present your chosen text with expression and meaning. You must use only text and colour for your design. 
Absolutely no images are allowed.

Focus on expressing the text’s story or emotion, and choose colours and typefaces accordingly. The website must be a minimum of three pages and show content related to your chosen text such as background information on the author, context of the writing, interpretations or reviews ~ or additional text related to your selected piece.

Use your design to create a balanced presentation of text that is both engaging and unusual, while maintaining good legibility and that defines an appropriate visual balance between the interface and text display. Focus on selecting an appropriate font stack and ensure consistency in presentation for fallback fonts.

deliverables

The website must consist of a minimum of 3 pages and make use only of typographic settings and colour. No other visual aids are permitted, ie no images to be used within the design of the site at all.
Create a design that demonstrates a balanced presentation of your selected text – which is both engaging and unusual, while maintaining good legibility. Define an appropriate visual balance between the interface and text display. Focus on selecting an appropriate font stack and ensure consistency in presentation for fallback fonts.

submission requirements

All planning sketches and drafts to be submitted and all references must include links that are shown on the page.
The website must be online and viewable by the deadline as well as submitted via email.

assessment

Marks for this project will be awarded in a 60/40 ratio for visual design and technical accomplishment.

You will be judged on your creative presentation of the text and additional information, with a focus on the typographic approach used in your design, along with the suitability of your use of colour and visual rhythm.

This project represents 50% of your total course mark.

deadline

7/12/2016

film promotion

Select a film which was released before 2006, ie older than 10 years, and create promotional web campaign to announce the opening of the first showing at a local venue.

full brief

project brief

As part of the publicity team for a new release, your job is to promote your chosen film by designing a promotional website, with the optional addition of a poster, to draw people away from their home screens and back into the cinema to enjoy the big screen. Use this project as a way to make a statement – either to bring back memories (for film classics or an older audience) or to generate curiosity (for newer or alternative films).

OPTION: If you are not a film buff, you could choose to promote the pilot for a TV series instead. Please do confirm with me beforehand.

Take your chosen film and use its story, mood and genre for inspiration. Working on original and unusual approaches to page layout, create a visually engaging design that catches the attention of the audience and expresses the emotion of the film. Focus on the experience the film will provide the audience. Represent this through your choices of colour, typeface and layout, with a particular focus on using visual balance to express emotion.

If you choose to design the poster as well, ensure that the print design and the opening page of the promotional website are complementary to each other and to their respective media.

deliverables

The website must contain:

  • Opening page
    this is for the film itself and must include:

    • Film title
    • Director
    • Producers
    • Actors
    • Date and time of opening
  • Info page
    this is for the showtime information and must include:

    • Times the film is showing
    • Cinema details, including location
  • Supplementary page
    this is for any optional information of your choice, for example:

    • The film
    • The story
    • Reviews
    • Recognition
    • Genre

submission requirements

You are required to submit all working files for the final design, 
including visuals, drafts and plans.
The website must be online and viewable by the deadline.

assessment

Marks for this project will be awarded in a 60/40 ratio for visual design and technical accomplishment. Your work will be examined for appropriate implementation of colour, type and aesthetic design as well as implementation.

Your mark will depend on the success of the visual impact of the final design, taking into particular consideration the concept, visual balance and expression and interpretation of the subject matter.

This essay represents 50% of your total course mark.

deadline

29/3/2017