Job Search Web Design/ Development

Cyber Coders

analyze your web site

69 Tools to Monitor, Measure, and Track Your Website

Important Components of a Web Site

Case A
1. Branding
2. Navigation
3. Graphics
4. Content
5. SEO


Case B
5 Driving Forces listed on http://www.evakoss.com/

1. Visibility - The Search Process: Can your website be found on the internet when your prospects are searching for your products/services?
2. Credibility – When your prospects visit your website, do they take you seriously or does your website hurt your credibility?
3. Usability – Is your website easy to use and does it work on your prospects’ computers?
4. Sales Process – Does your website effectively guide the visitor through the sales pathways of your site to deliver your website goals?
5. Operating Costs - A $1000 saved is a $1000 earned – How to reduce the operating costs of your website.

Case C
Content Focused Components

• create an experience
• honor context
• prioritize your message
• consistency
• design for change
• human element

Web Designer Profile: Khoi Vinh

website: http://www.subtraction.com/
company: Design Director of NY Times
Based out of: NYC
speaks at: An Event Apart
talks about: Web Design
devoted fan of: Movable Type and Mac

His Articles:
The Failures of Success
Pages are the Problem
Are design blogs killing design writing?

Web Designer Profile: Mark Boulton

website: http://www.markboulton.co.uk/
Based out of: UK
conference: @media
book: Five Simple Steps: Designing for the Web
talks about: css, typography, grids
devoted fan of: expression engine, mt, and apple

His Articles that I've Enjoyed:
Web designer’s guide to print design
One Principle to Design By

Finding Inspiration On the Internet

I've been adding artists, web designers, and websites that have something that I liked that gave me inspiration. I just noticed that I listed someone twice. It's not hard to do when the list gets as long as it has but it's sign that I've come full circle surfing through the same repeat content. I'm going to visit my list and take time on each site and document what I like. Some of these people may have already redesigned by now.

http://www.iheartluxe.com/
The ornate stuff is cute. I like it when it's used for woman's fashion sites.

http://jeremiahshoaf.com/

I've been visiting this site since 2003 and watching it transform. It's one of the first portfolio sites I stumbled upon while in school. I think I just have a personal interest in seeing a portfolio site change as time goes on. Let's see what wayback machine has to offer us...

Before I saw his portfolio (2002):


Oct 2003 when I first saw his portfolio:

Now:

http://mercurycloud.com/

This reminds me of vintage fabrics.

I like multiple things about this:

• white circular diagram


• layering transparent boxes over texture over picture without overkill and decreasing readability


• white text with small-caps and orange-red background on orange on yellow-orange is very, very powerful
  

http://tonyyoo.com/v2/

I liked the folders either the colors or to use as tabs on something.

Shoulda documented these:

If I only had some screen shots to prevent these problems....

I don't know why I bookmarked these:

http://www.5nak.com/

http://www.cabanadigital.com/en/about/

http://lukestevensdesign.com/

http://www.kindnessandhumility.com/

These won't even load:

http://www.shopspicebox.com

http://www.svenigson.com/ (This is the person I listed twice.)

dugged :) !!!!

Sketch as part of the web Design process

d.Construct take it to a whole new level

They're All in the Same Gang

Oh, a link to Vitamin again. Yeah, yeah, yeah, what is that? I'll get to it later. And why is it listed among the likes of alistapart, eric myer, mezzoblue?

Answer: Their Advisory Board consists of...
*Dan Cederholm: SimpleBits
Thomas Fuchs: Script.aculo.us
Cal Henderson: Flickr
*Molly E. Holzschlag: molly.com
*Shaun Inman: Mint
Jeffrey Kalmikoff: Threadless
*Eric Meyer: meyerweb.com
*Mike Rundle: 9rules
*Dave Shea: CSS Zen Garden & mezzoblue
*Jeff Veen: Google
*Ryan Carson: Carson Systems

*all authors on alistapart and/or referenced in alistapart articles

They're all in the same gang!

So I will start to map out the Gang connection starting with ALA as a connection source:
ALA
}SimpleBits -- Dan Cederholm
}Mint -- Shaun Inman
}9rules -- Mike Rundle
}CSS Zen Garden -- Dave Shea
}mezzoblue -- Dave Shea
}Adaptive Path -- Jeff Veen
}Zeldman Presents -- Jeffery Zeldman
}HappyCog -- Jeffery Zeldman
}Various -- Ryan Carson, Eric Meyer, Molly E. Holzschlag

Grids

Grid System for Layout
1. determine the layout size (based on which screen resolution you choose for web design)
2. choose a ratio:

• 1:3
• 2:1
• 1:1.1.618 (Golden Section)

3. Convert the ratio you choose to percentages



Subtraction's Grid Computing and Design

Google BluePrint
-- sample website
-- demonstration of the grid
-- demonstration of the typography
-- quick tutorial

Reading List
Five simple steps to designing grid systems
best articles and resources on the subject
Thinking Outside the Grid
grid background image
Grid Computing
Grid-based design: Part 2, Designing blog theme templates
Fracturing / Abstracting the Grid

The Future of Web Design is still unknown

"todays hegemony of signal designers" - viceroy321 describes the web designers of now in a comment to an article on Web 2.0, 3.0, 4.0: A Design Perspective

CSS:
The Future of CSS (direct PDF download) - Andy Budd [Apr. 2007]