GDS 120 Graphic Design I
Project 1: Website Mock-up
Instructor: Paul
Young
Objective
To develop conceptual thinking skills. To communicate ideas visually and verbally. To explore illustration and photography styles. To apply design principles to real-world visual communication problems.
Secondary objectives
To utilize Adobe Photoshop as layout and production tool.
Description
Redesign the visual look of the Parkland Art Gallery
website in Photoshop. Your website mock-up must be a minimum of two pages:
- Front page (a.k.a. "home page" or "splash page")
- One sample inside page (a.k.a. "template")
The updated web site will have the following navigation menu:
- Home
- Exhibitions
- Events
- Join
- Publications
- About
- Visit
- Art Links
Your design must show an understanding of unity, emphasis, balance and color theory. When appropriate, utilize rhythm and depth as well.
Download the new Parkland Art Gallery logo
Procedure
1. RESEARCH FOR INSPIRATION: Research
existing award-winning websites. Be sure to review
books, annuals, trade publications (Print, How, Communication Arts)
as well del.icio.us/parkland.gds
. Scan or take a screenshot
of the front page and at least one typical inside page. Look specifically for creative concepts and creative
use of typography, photography or illustration. Publish your research on your personal Process Page for critique (be sure to caption each image and link to the source). Be
prepared to explain why these examples are successful.
2. MARKETING RESEARCH: Meet with the client (Lisa Costello) who will describe the marketing objectives and the look-and-feel of the web site.
You may ask questions at this meeting. Analyze your research and write a written statement of objectives in the form of a memo (see sample
brief
). Be sure to include descriptive adjectives in the "character" paragraph (see vocabulary wheel
). Have your brief reviewed by the Writing Lab,
then Email your brief as a shared Google Doc or an attached Word file to pyoung.parkland.edu@gmail.com.
3. INCUBATION: Absorb the information you have gathered and sleep on it. Allow your unconscious mind to make connections for you.
4. DEVELOP THE CONCEPT: In your sketchbook begin to conceptualize
ideas for this project (see examples of sketches
). Make at least 10 sketches of all possible
directions you might take this project. Edit your concepts down
to your best three ideas and redraw them on 8.5 x 11 white
paper using a felt tip pen (option: draw on this blank browser window
). Scan (scale/crop in Photoshop: no wider than 800 pixels) and publish your concepts on your personal Process Page for critique. Be prepared
to discuss how your design fulfills the client's marketing objectives. Also print your sketches for your Process Book.
5. PROOF: Based on the critique of the above, use the computer to execute at least two versions of your best idea (present at least one proof with an alternate font choice). Generate web-ready JPEGs and publish your design on your personal Process Page for critique. Be prepared to talk about what design principles are utilized in your design. Also print a high-quality color proof for your Process Book.
6. FINAL CRITIQUE: Based on the critique of the above, revise your design (if needed). Produce a fully conceived "comp" of the finished designs. Add revised JPEGs of your designs to your personal personal Process Page for final critique (do not delete older versions). Prepare a presentation to "sell" your design to the client during final critique. Be prepared to justify your design decisions and talk about how your solution fulfills the marketing objectives outlined in your brief.
7. CLIENT PRESENTATION: Refine your presentation and your "comp" (if needed). Present your proposed solution to the client at the client presentation meeting. After the presentation, give the client a copy of your "comp" in an envelope with your name on it.
8. GRADING: Submit two fully conceived "comps" with your name on the back for grading. One proof will be returned to you after grading. File the graded proof in your Process Book for individual review along with all the preliminary work you did for the project (research, brief, sketches, preliminary proofs, final proof). You will not receive credit for this project if any of the above elements are missing.
9. PORTFOLIO PREPARATION: If you are happy with the results of this project, consider including it in your portfolio. If necessary, continue to make refinements until you are 100% satisfied with the project. Be sure to save all your files for future editing.
10. EXTRA CREDIT: Submit your project into next year's student show by printing an art gallery quality proof and mounting it on foam board. Also prepare an archival quality JPEG (800px wide, no larger than 200K) and submit your project using the online entry form at gds.parkland.edu/show.
Your project may win a cash prize and be published in a showcase of student work
on Parkland's website.
Version 1.0 Last updated: 8/4/10 Webmaster: Paul Young