« Over or Under… Exposed
Photo to Line Art »

Design Process

Cipro Weight Amoxil Free Samples Where To Get Phentrimine Pharmacy Price For Avapro Testimonials Aldactone Weight Discount Soma For Add Buying Tramadol Discount Phentrimine Horny Goat Weed Order Antabuse JeffersonCity Natural Cytotec Tablets Discount Stromectol Faq Taking Prednisone Where Order Lipitor Drug Information Where Order Accutane Cheapest Pills Where To Get Lasix Review Where Order Cipro Get High Nolvadex Effects Where Order Prevacid RX Price For Prevacid For Add Natural Cipro Drug Information Where To Get Hoodia Germany Taking Stromectol Cytotec RX Generic Plavix Get High Natural Zelnorm Health Forum Toprol XL Forum Natural Ultram Description Price For Erythromycin Spain Where To Get Clomid Spain Generic Nizoral Testimonials Taking Ultram Aldactone Dosing Zelnorm Effects Purchase Zelnorm Pierre Cymbalta Order Cipro Dover Cymbalta Description Where Order Diflucan Shipping Generic Norvasc Side Effects Plavix Effects Acomplia Online Where Order Aricept United States Female Viagra Shop Buy Nexium LittleRock Where Order Toprol XL Forum Ultram Review Seroquel Where To Get Prevacid Canada Where To Get Soma Pharmacy Where To Get Propecia Testimonials

Here is my attempt at documenting my design process, which will continue to grow and change with more projects.

Things to keep in mind:

  • What am I trying to communicate? What should the user feel and understand by the design? by the content on the homepage?
  • Remember the underlying purpose and goal for the site. The site is nothing if it doesn’t serve a purpose.
  • Have great navigation, distinguish between what is navigation and what is content.
  • Logical content organization, reflected in the navigation.
  • Negative space and spacing.
  • Ratios: 1:1.414, 1:3, 1:5
  1. Research and Discovery (initial meetings)
    1. state the…
      1. purpose of the project
      2. goals of the project
      3. ideas and concepts that will be communicated
    2. meet with client and create a requirements document
    3. study the site content
    4. know your audience and research the market
  2. Competitive Analysis
    1. look at existing ideas and competitors (Competitive Analysis Part I and II)
    2. Concept and execution of competitors
    3. List the gaps and shortcomings of existing competition
  3. Exploration
    1. brainstorm a list of relevant words
    2. create a moodboard, digitally or on a board, to get the “look and feel”
  4. Patterns and Thumbnails
    1. KISS it (Keep It Simple Stupid)
    2. Design the UI
      1. An Introduction to Using Patterns in Web Design
      2. Interface Design - Find the Epicenter
      3. Welie.com - Web and GUI Design Patterns
      4. Web Patterns Project
      5. User Interface - Taking the Good with the Bad
    3. Content flow and hierarchy
  5. Typography
    1. Study typefaces with relevant text
    2. Illustrator typeface list/comparison
    3. Type from existing logo (if it exists)
  6. Imagery
    1. find images that fit the moodboard and brainstorming of words
    2. either offer 2 or 3 blocky, rough concepts or the moodboard
    3. study any images supplied by the company to be used in the design
  7. Composition
    1. Create Photoshop/Illustrator comps
      1. Layout the thumbnails and patterns from step 4
      2. Design in grey scale, then add color (to help in getting the tone right)
    2. may need to revisit Step 4
    3. “Getting Real” Design Tip
  8. Execution and Implementation
    1. layout major sections
    2. then add more specific styles

    During the process you may need to review and repeat some steps. Iteration and change for change sake (as Bruce use to say, typography/design proff from the university) will help get out all those ideas that have been done before. Once you have those flushed from the brain new ideas will flow… if time allows.

    This entry was posted on Friday, October 20th, 2006 at 10:57 am and is filed under Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

    Leave a Reply

    You must be logged in to post a comment.