Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Designing for the web

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Evan Richards Evan Richards
November 22, 2011
Design
250
2

Designing for the web

Our process of making websites at By Association Only.

Avatar for Evan Richards

Evan Richards

November 22, 2011

More Decks by Evan Richards

See All by Evan Richards
HTML5, CSS3 & why its important
Avatar for Evan Richards evanrichards
1
230

Other Decks in Design

See All in Design
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
190
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
170
mount_company_profile
Avatar for mount inc. mount_inc
0
5.9k
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
220
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
340
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.4k
第18回サイゼミ
Avatar for LW lw
1
3.6k
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
410
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
27k
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
0
380
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
260

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.1k
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
560
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
99
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.4k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
150
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
290
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
210
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
100

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  
  5. None

  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