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

Designing for the web

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Evan Richards Evan Richards
November 22, 2011
Design
2
240

Designing for the web

Our process of making websites at By Association Only.

Avatar for Evan Richards

Evan Richards

November 22, 2011
Tweet

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
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1.9k
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
280
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.1k
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
2.7k
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
130
デザインするために「多様性」について考える
Avatar for なつ iflection
0
180
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
340
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k

Featured

See All Featured
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
410
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.3M
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
65
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
110
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
680
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
160
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
53
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
0
230
Done Done
Avatar for chrislema chrislema
186
16k

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