Since his breathtaking and irreverent first feature film, Moscow Square/Moszkva Tér (2001), Ferenc Török’s body of groundbreaking work represents the best of Eastern European cinema. Török is perhaps the most visible of a young generation of Hungarian filmmakers raised on French New Wave and influenced by Hungary’s many critically-acclaimed directors—István Szabó, Béla Tarr, Peter Bacsó, Miklós Jancsó, and Péter Gothár.  His five features and his numerous documentaries and TV dramas artfully question the complexity of contemporary Hungarian life.  Like a sociologist, Török brings a keen eye to social change and translates the issues of his times into absorbing narrative form.  Török’s focus is on the “everyday” anti-hero rather than the intellectual hero, and his gritty and sensuous filmmaking style, has gained solid recognition both nationally and throughout Europe.   

You will be assigned Teams.  There will be one Team leader.  
Leaders, please share your 06 FINAL CLIENT PROJECT folder on Dropbox with your team
and create a new folder for each assignment: 01, 02, 03, 04.  
01 CRITIQUE, INSPIRATION & CONCEPT.  DUE THURSDAY, NOVEMBER 20 (by midnight)     5 points                     

Create a comprehensive CONCEPT DOCUMENT.  
A concept document has a clear purpose + 3 design objectives with many visuals to support them.  
THIS IS WHAT A CONCEPT DOCUMENT LOOKS LIKE 

1. Get Acquainted. Read through ALL materials on Feri and view all assets in your folder.  
   Look at some of his films and trailers on YouTube.
2. Collect Inspiration.   Gather inspirational ideas towards the direction you will take the Ferenc Torok site.  Your team should start by looking through the web and collecting inspiration from other websites, and going to Google Fonts and collecting typographic inspiration (or maybe you will stick with Helvetica?).  

Here are a few award winning web design sites to start with:

• http://www.thebestdesigns.com/
• http://www.awwwards.com/
• http://bestwebgallery.com/
• http://www.webdesign-inspiration.com/

GET INSPIRED!!  Take screen shots or Web grabs and place them in a folder in each team leader’s “06_Final Project folders called “INSPIRATION IMAGES.”  (TEAM LEADERS: YOU WILL WANT TO SHARE YOUR 06 PROJECT FOLDER WITH YOUR TEAM).  Each team member is responsible for at least 10 screenshots/web grabs.  Organize each team members’ contributions by color or folder name.  
I want to be able to see each person’s individual contributions.  This is a COLLABORATIVE project and you will be graded, in part, on your efforts to collaborate.  

Please don’t put random images in your INSPIRATION  folder: decide what images belong in this important folder AS A TEAM.  There should be an organized rhythm to this gathering:  I should be able to understand what you are trying to achieve through this INSPIRATION FOLDER.

3. Develop the CONCEPT DOCUMENT  
   Look again at this model concept document.  What are your three design objectives?  How are these design objectives documented visually?  

As a team, discuss your preferred color schemes, type fonts, headers, navigation bars, and overall webpage structure you are all drawn to.  Why these schemes, fonts, etc?  In your examination of other websites, what artist sites seem to work better than others?  How might you communicate the following website components:  photo gallery, video; audio, social media?   What design strategies inspire you for this project and why:  assymetrical vs. symmetrical; Retro Victorian, Late Modern, New Century, etc?  What do you think it’s important to EMPHASIZE and how will you achieve FLOW?   Consult our discussion on Design principles, as well as our many discussions on Design Eras, color,  and typography.  
What screenshot images will you include in your concept document?

Hand in your CONCEPT DOCUMENT (a word or pdf file), along with all your INSPIRATION IMAGES, in your shared 01 INSPIRATION & CONCEPTS folder (YOUR TEAM LEADER SHOULD CONTROL THIS FOLDER IN HIS/HER DROPBOX).

02  WORDPRESS THEMES  & CONTENT. DUE THURSDAY, NOV. 20                                      5 points

1. Login to your DeepThought TEAM project account (idc/idc).  All team members will have a password for this site, as well as your instructor.
2.  Install downloaded themes.  Relating back  to your 01 CONCEPT DOCUMENT, pick 3 themes you think will work best to deliver Feri’s biographical information, news/performances, and video/audio recordings.  THE THEMES MUST BE RESPONSIVE.   

For help see Lynda’s WordPress Essential Training Ch. 9, “Installing New Themes from a WordPress Directory” and “Installing New Themes from the Internet.”  For this assignment we will stick to the themes offered for free download within Wordpress.org’s system (there are hundreds of themes you can find for free or at cost online).  

3. Adapt Feri’s BIO, FILMOGRAPHY, PHOTOS, and VIDEO CLIPS into one of your chosen themes.  

TO HAND IN:  

• 3 SCREEN SHOTS (one for each Wordpress Theme chosen).  
• A QUICK EXPLANATION (In Microsoft Word) AS TO WHY EACH THEME MIGHT WORK FOR YOUR PURPOSES, in a folder called “02 WORDPRESS THEME & CONTENT” within your TEAM LEADER’S 06 FINAL PROJECT FOLDER.

03 HEADER  DUE TUESDAY, Dec. 2                                                                                                    5 points

Create three headers:  Each team member must develop a photographic or typographic HEADER. 

You will each be graded individually (so please identify who in your team created which header).
Your team will choose which of the three headers you will use on the website.    

A. Guidance for Photographic Header 5 pts

 First, GET INSPIRED. Examine other photo headers from other websites and get inspired. 
Given the images you have to play with, what do you think will work for a website?  
Should you fill up a page with a single photo?  Should you make a smaller, more subtle  banner?  Should you go for black and white?  Should you manipulate an image with adjustment layers (e.g., play with hue, levels, exposure, color, etc.)?  

For inspiration, here are some LINKS to ARTIST websites (save and document the URLs that inspire you):

If you choose a type-based header, you’re in good company: one of the biggest trends of 2013 in website design is BOLD HEADLINES with mixed matched fonts.   Picking the right fonts to mix and match is an important key.  Picking the right background/foreground colors are also KEY.  First,  get inspiration from from these websites (and others you may find) and see how words can be as visual and provocative as a photographic image.  For MORE inspiration, here are some LINKS to TYPE-only HEADERS:

• 33 Brilliant Examples of Type in Web Design
• 25+ Sites that Use Typography as the Only Design Element
• 55 Examples of Huge Typography in Web Design

Within the Shared Team 03 Header Folder, each team member should put their header + the sites that inspired them in a separate folder (with their name on it).

04 CUSTOMIZED WORDPRESS SITE  Your finished project.  DUE WEDNESDAY, DEC 17   15 points

HELP FROM COLLIN CAHILL at the DIGITAL MEDIA HUB (ROD LIBRARY) 

M 5p-9p, W 4p-9p, F 11a-1pSun 7p-9p

Your finished website should be a full representation of Ferenc Török.  Like the website students developed last semester for Dmitri Vorobiev (username-”idc”; pw-”idc”), it should include a full array of promotional and biographical material to put Feri on a new digital media playing field.

A. A navigation bar with the following information (in this order).

HOME      BIO       FILMS      PROJECTS       CONTACT

Remember how to create a series of static pages and get rid of any blog elements?
These are notes from Lynda’s Wordpress Essential Training  course and choose “Ch. 6 Part 4:  Creating a Static Front Page.”

1. First you have to create 2 pages: 1 that will operate as the frotn page itself, but you also need to create a placeholder for the blog.  

So go to “New/Add a New Page” and call it “Front Page.”

You may want to add an image and some text at this point.

Publish the page.  

2. Now you have to make sure that the “Front Page” becomes the “Home Page” and that the “Sample Page” becomes the Blog.  

3. Make a second page: “New/Add a New Page” and call it “Blog” and do nothing else, and then Publish: this will become a placeholder.  

Now you have to tell WordPress to make the Blog the Blog and the Front Page the Front Page.  

4. Go to Settings/Reading.  

Select the  “static page” radio button, and assign the Front Page as the “Front Page,” and for “Posts Page” select “--------.”

Then go to each page and change their ORDER on the Navigation Bar.  

Make sure you turn comments off by going to “Quick Edit” and uncheck the comments box.

Make sure you remove all blog-related widgets.

05 EMAILER  DUE WEDNESDAY, DEC 17                                                                             due on exam day

We will do this in class.  We will design an Email campaign in MailChimp and send it to our class list (you should have the list already set up in MailChimp)

TEXT FOR YOU TO CRAFT:

1. Subject Line

In order to maximize your email open rate you need to write a good subject line for your email – it’s the first thing your customer will see when they are deciding which emails to read and which to junk!  Keep your subject line simple, to the point and tell the reader what to expect inside.  Don’t use words like “free” which might trigger spam filters.  Here are some best practices for writing subject lines.

2. Pre-Header

This message appears in small text at the very top of the email, and is a quick summary of the overall message. It can link to the main call-to-action if needed.

3. Headline

Think about key words, think about your target audience, appeal to people’s specific needs; need to belong; vanity; insider knowledge; unfulfilled desires; curiosity.  To help you out, read this lovely advice blog: “How To Write Magnetic Headlines.”

4. Subhead

Subheads clarify a headline.  A subhead can also delineate another idea or section of copy.   Look to the emailer campaign examples we have given you for ideas on subheads.  

5. Body text

As reported by the Nielsen Norman Group in its Email Newsletter Usability Report, the average reader skims a newsletter for 51 seconds. Rather than reading promotional messages carefully, people tend to scan for content that is of interest to them. So, don’t overwhelm them by squeezing too much information on the page. Make sure your content gets straight to the point, and write short paragraphs and bullet points.

Include the following components (as you see fit) and bring your own creativity to the message.  Be responsible to your client...make people want to download/buy this music):

6. Footer/opt out message

This will already be part of the template:

Copyright © *|CURRENT_YEAR|* *|LIST:COMPANY|*, All rights reserved.

*|IFNOT:ARCHIVE_PAGE|* *|LIST:DESCRIPTION|*

Our mailing address is:

*|HTML:LIST_ADDRESS_HTML|**|END:IF|*

*|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*

 unsubscribe from this list | update subscription preferences

PERFECT YOUR DESIGN!!!  

Think about all the design principles we learned in class.  Make SURE you avoid the 13 layout sins, and make sure you think about color and space.  White space is not your enemy.  

• Make good use of the top 2 to 4 inches of your email design which is prime reading space.
• Keep your message short – keep scrolling to a minimum.
• Don’t use lots of different colors
• Use only 2 fonts (incorporate your more interesting font in a Photoshop-designed header)
• Make your call to action prominent and clear so that your audience knows what to do.
• Make good use of images and colors, as users are drawn first to elements that are visually simulating, such as graphics. Use images to guide users to the most important content and messages.

•  Did you color contrast check your colors?  
• Is it easy to understand and interpret the messaging?  
• Is the call to action high enough in the message ?
• Do your design choices make sense?  
• Did you clump the text into easily-read chunks?  
• Did you use bullet points to make list-like information more digestible?  
• Did you arrange your elements to create Emphasis, Contrast, Balance, Repetition, Alignment and Flow?

TEAM 1

Morgann Droegmiller (L)

Leslie Eckles

Sherokee Eder

TEAM 2

Jacob Espenscheid (L)

Isak Knivesland

TEAM 3

Olivia Mossman (L)

Travis Tjelmeland

Ryan Courtney

TEAM 4

Devon Mettlin (L)

Kaily Mohr

Morgan Schrodt

TEAM 5

Tyler Bradley (L)

Alexandra Monaghan

Jayme Ollendieck

TEAM 6

Emily Ott (L)

Ghufran Owaishir

McKenzie Schmelzer

TEAM 7

Nick Nielsen (L)

Gabriela Uteg

Patricia Zubrod