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
Diverse Design Team Deck
Avatar for Diverse diverse
0
590
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
680
第18回サイゼミ
Avatar for LW lw
1
3.3k
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.3k
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
270
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
950
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
660
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
140
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
680
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
480
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
140

Featured

See All Featured
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
160
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
50
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
408
66k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.1k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k

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