Designing for the web

Our process of making websites at By Association Only.

Transcript

1. Designing  for  the  web       Evan  Richards   Crea/ve  director  at  By  Associa/on  Only       hello@evan-­‐richards.co.uk   twi=er.com/evanrichards  
2. Ini0al  stages     1.  Client  contacts  us   2.  We  propose  to  them   3.  Q  &  A   4.  Commence  project  
3. Process     1.  Content  &  Sitemap   2.  Wireframing   3.  Design   4.  Build  &  test  
4. Process     1.  Content  &  Sitemap   2.  Wireframing   3.  Design   4.  Build  &  test   HotGloo    www.hotgloo.com     Mockingbird    gomockingbird.com  
6. Process     1.  Content  &  Sitemap   2.  Wireframing   3.  Design   4.  Build  &  test   Things  to  consider:        -­‐  White  space      premiumpixels.com            -­‐  Priority  content  more      prominence    mynorthernlights.visitnorway.com    getarrived.com     Bad    -­‐  webdesign.about.com/od/ html5/a/html_5_whats_new.htm  
7. Process     1.  Content  &  Sitemap   2.  Wireframing   3.  Design   4.  Build  &  test   Browser  tes/ng        -­‐  BrowserStack      browserstack.com          -­‐  Browsershots      browsershots.org     Usability  tes/ng        -­‐  CrazyEgg      crazyegg.com      
8. Last  click...       Forrst   hFp://www.forrst.com               For  help/advice  and  feedback  from   industry  professionals  and  students   alike  
9. hFp://twiFer.com/evanrichards   hello@evan-­‐richards.co.uk           h=p://evan-­‐richards.co.uk   h=p://byassocia/ononly.com