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.

 

 

BACK TO TOP

Version 1.0 • Last updated: 8/4/10 • Webmaster: Paul Young