Wednesday, June 19, 2013

Revised Syllabus

Given our remaining days, I've decided to take the Flash exercise out of the syllabus. This was an outlier exercise to begin with and not part of the web process that we've been learning over the last several weeks.

Here's a revised schedule starting today all the way up to our last class on Thursday:

Week 5, (W) 06/19/13
Lecture-Starting your home page concepts
Sixth assignment given (2 parts):

1. Integrate and utilize all the materials (tools)
you’ve developed over the course and develop 2 alternative
homepage concepts that are on strategy, architecture and brand.

2. Pick one of your final home page designs and develop a simple 2
page style guide detailing typefaces, colors, links and other vital
information for a smooth handoff. Due on 6/27/13.

Your two directions should be saved as JPGs and uploaded to the class folder
for presentation. Style guides should be uploaded to class folder as
a PDF.
Q&A/Lab Period
Handout and electronic templates provided/posted
Required Reading: “Visual Design & Testing” – posted PDF

Week 5, (Th) 06/20/13
Lab
Technology Lecture – What are the various technologies? What are
they best at? How do you integrate them into your concepts? We’ll be
reviewing all the latest technologies, discussing the pros and cons and
how they integrate with SEO best practices.

--------------------------------


Week 6, (Tu) 06/25/13
We’ll be using this class to show some techniques for designing your pages.
Lab time

Week 6, (W) 06/26/13
o Q&A
o Lab time

Week 6, (Th) 06/27/13

o Presentation of your 2 home pages.

Thursday, June 13, 2013

Pop Quiz - Take your choice


Week 4 - POP QUIZ

As promised, here is the pop quiz. You have 2 quiz choices - 3 question pertaining to the "3 Out of 4 Visitors..." OR 3 questions picked from all the required reading to date.

Please copy and paste these into an email window and send to me at scout@hoverpod.com

You have 20 minutes for the quiz.

Good luck!

-------------------------------------------

CHOICE 1

"3 Out of 4 Visitors to the Met Never Make It to the Front Door"

1. What are some of the new "tools" and activities that museums sites are starting to implement to help attract visitors to their sites?

2. Who are the Met's 3 primary users?

3. What is the average time a user stays on the Met's site and what is their average age?

OR

CHOICE 2
1. What are the 4 major steps in conducting an analysis?

2. What is the ideal range of sites to analyze?

3. What is the ultimate point of performing an analysis?

Good luck!

Tuesday, June 4, 2013

Week 3 -Branding/Mood Boards

You made it to branding and everyone's doing a great job!

We now continue along the web design process and discover how brand and mood boards all play an important role in establishing the right brand voice and tone for your upcoming proposed site redesigns. Feel free to develop one mood board for the current site and one for the one you're redesigning based on your most primary audience(s) OR one board for one audience and one for another - many ways to do this so have fun with it.

Some examples on how to think about it:

1. One board for current site and one for future site

Lets say you're redesigning a museum site cause the current one is too busy, antiquated and doesn't prominently feature artwork on the home page...maybe one board articulating how busy and out of date the current site is and one that articulates clean, engaging, artwork-rich and text-light direction...maybe it feels aspirational and easy to scan.

OR

2. One board for one audience and a second one for the secondary or other primary audience (you can have 2 primary audiences)

Lets say you're doing an airline site...maybe one board that feels more "tool" or resource-centric...where business people can easily interact with scheduling, tickets and other airline services. The other board might be for tourists or non-business travelers...that board might feel more destination and lifestyle-centric...


These should be 20 X 30 inches...we'll project instead of printing...this is my gift to you...

So what should be on your mood boards? Anything that g­­ets your creative point across. This can include colors, typography, imagery, illustrations, white space (or lack thereof), and messaging. If you were working with a content strategist or copywriter, you might include taglines, slogans, brand attributes (adjectives), or a vision statement. This helps the client to not only visualize the proposed style, but to see how the verbiage can support the overall experience.

Mood boards can be extremely helpful when you’re searching for an overall tone or visual language, but they can also expedite the approval of a creative direction before heading into interface design. In the past, we have noticed that separating initial creative ideas from the mechanics of the site allows the client to make clear and concise design decisions without impacting time or budget.

There are a few things to keep in mind when creating mood boards.
Choose an orientation that best fits the subject matter - usually portrait.
Take into account the audience and how you’ll be presenting to them. Your mood boards can be digital or printed (or both) depending on whether your meeting is virtual or in person.

And finally, have fun. Creating mood boards is not a rigidly define activity. Use whatever pieces you can to express your vision, whether it is cutting and pasting magazine bits to Gatorboard or adding minute details and a custom polish to every serif. Do the research on mood boards...use a mixture of pictures, type, color, icons or non of those or all of those...the board as a whole should help articulate a vibe or mood for your intended direction....

Questions?


----------------------------




Assignment 1:

Use stock photography/illustration, objects, colors, icons, type and/or anything else it takes to get your mood across and develop 2-mood boards (see different combinations of mood boards above) using pictures, brand attributes, color blocks, icons, etc. You can also use www.tonystone.com or www.gettyimages.com for other photo choices.

Guidelines:

- 20 x 30 format in illustrator

- save as 2 separate JPGs for projection

- see syllabus for when assignment is due

Assignment 2:

Required Reading - 3 ouf of 4 visitors


Week 3 Assets

Thx
s

-----------------------------

Class Lecture Deck

Example Mood Board from AT&T
A bad example of a picture collection Mood Board
Required Reading - 3 out of 4 visitors...

-----------------------------

Some Resources:

Marks of Excellence:

Finding the roots of trademarks in heraldry, potter's marks, monograms, and other such ancient devices, this book traces the history of the corporate visual lexicon and produces a taxonomy of the commercial age. An alphabetical section covers motifs from animals to waves, with short definitions and analyses beautifully complemented by daringly cropped and crisply photographed images. Pictures of this quality and interest would steal the show in most volumes, but the text stands up well to the challenge of images that gain force because of the familiarity of their subjects (corporate trademarks), and the unusual sense that the book's context lends to them. Marks of Excellence is a worthwhile exploration at the modern language of ownership.--This text refers to an out of print or unavailable edition of this title.

Designing Brand Identity:
From an interactive website to a business card, a brand must be recognizable, differentiated and help build customer loyalty. This indispensable resource presents brand identity fundamentals and a comprehensive dynamic process that help brands succeed. From researching the competition to translating the vision of the CEO to designing and implementing an integrated brand identity program, the meticulous development process is presented through a highly visible step by step approach in five phases: research and analysis, brand and identity strategy, brand identity design, brand identity applications and managing brand assets.