Idea your.com...

Collect your business materials and literature, to use for graphics, look and feel

Plan your.com expectations and goals

Define your expectations and goals for your.com, it's look and feel

  • Welcome page - opening and welcome message or story
  • Menu - used to move around/navigate your website
  • Backgrounds - company and individual profiles
  • Products - catalogs, services and all 
  • Miscellaneous - additional pages expected on the website, wireframe/sketches
  • Planning - Killersites, KillerWebsites, Smash, VD, W3

Build sketch (wireframe) and mockup (test) your.com

Review options for the look and feel, create sketches and mockup samples, before final design

  • Screen Sizes - 640x480, 800x600, 1024x768, 1280x1024
  • Font Sizes - 1 2 3 4 5 6
  • Font Types - Default, Arial, Script, Comic  
  • Graphics - Gif, JPGs created with Photoshop, Illustrator, etc
  • Plug-ins - Animation, Flash created with Macromedia, etc
  • Navigation - hyper-links in between pages on your website and to other sites 
  • Page layouts - logo/title, menu location/styles below (side, top, pop-up, drop-down...)
  • Mockup - review and approval before launch
  • Software - Pagebreeze, Coffeecup
Sample Menus and Page Layouts (wireframes)
Welcome Page (Side Menu) Welcome Page (Top Menu)
logo    title-business/company  
menu(side)
background
products
misc.
front page
welcome and
overview of information
  footer-contact info
   logo     title-business/company     
   menu(top) background products misc. 
front page
welcome and
overview of information
footer-contact info
Background
History
Products
Catalog
Miscellaneous
Pages...
background

informational page 
history and background 
of your company

products

pages or catalog 
of your products 
and/or services

miscellaneous

site map 
contracts references 
testimonials etc...

 

Launch publishing your.com

Release hosting your website on the internet http://www.your-website.com

Promote marketing your.com

Advertising resources (seo) for your website, for your budget

Notes

http://vandelaydesign.com/blog/design-process/steps-successful-design/
1. Needs Analysis
2. Finding the Right Designer
3. Establishment of Priorities
4. Mockup
5. Implementation of Feedback
6. Testing
7. Final Design
8. Launch
9. Marketing & Promotions
10.Plans for Updates/Changes/Additions

http://www.smashingmagazine.com/2008/11/05/strategic-design-6-steps-for-building-successful-websites/
1. Establish your goals
2. Identify your audience
3. Determine your brand image
4. Goal-driven design direction
5. Measure results
6. Kaizen