Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Designing for the web

Avatar for Evan Richards Evan Richards
November 22, 2011
Design
260
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
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.2k
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
700
言幹と言葉（Stems & Leaves）
Avatar for 加来幸樹 SIGNCOSIGN kakukoki
0
230
デザなに#1「問いのデザイン」の紹介LT
Avatar for @Garyuten garyuten
0
130
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
130
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
4.6k
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
1.9k
Typographie et intégration web
Avatar for Raphael Goetter goetter
0
140
Figmaを使わなくなった私が、最近していること
Avatar for めーら/Miki mela_dayo
0
110
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
Avatar for niccy niccy
0
1.6k
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
6.9k
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
Avatar for NishaMe nishame
1
1.5k

Featured

See All Featured
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
3
1.4k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
520
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.4k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
33
5k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
410
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
250
1.3M
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
260
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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