The Mystery of
                       Web Design is Fading
                                  #webpunk    1


maanantaina 3...
ERECTORSET


                                  #webpunk            2


maanantaina 31. toukokuuta 2010
"Punk rock was rock and roll by people
       who didn't have very much skills as
       musicians but still felt the need...
Punk Rock >
   mainstream music
                                  #webpunk   4


maanantaina 31. toukokuuta 2010
Punk Today
                                  #webpunk   5


maanantaina 31. toukokuuta 2010
Where is the
     punk spirit
     on the web?
                                  #webpunk   6


maanantaina 31. toukokuuta...
10,000 hours rule
                                  #webpunk   7


maanantaina 31. toukokuuta 2010
"Punk rock was an idea
     and when people ask me what I do,
     I try to make ideas happen -
     ideas that could chan...
Web Punk is an idea
    Web Punk is web design by people who
    are not rock-star coders but still feel the
    need to e...
Reactions                         #webpunk   10


maanantaina 31. toukokuuta 2010
Punk’s independent spirits spurred a DIY revolution,
     encouraging us to reject authority and hierarchy, advocating
   ...
“Tell me about picking up the guitar....”

   “Actually, it was three
   months before we did our
   first gig.”
   Steve J...
punk > (re)action

                                  #webpunk   13


maanantaina 31. toukokuuta 2010
Ideas and extreme creativity
    DIY and independence
    Passion and action


                                  #webpunk ...
Screw it, just do it!
                                     #webpunk         15


maanantaina 31. toukokuuta 2010
Why do we need
     web punk?
                                  #webpunk   16


maanantaina 31. toukokuuta 2010
30 agencies
           Fin, UK, Ger
           with real pain
                                  #webpunk   17


maanantain...
Their Pains > 4Cs



                                  #webpunk   18


maanantaina 31. toukokuuta 2010
Their Pains > 4Cs
    Costs


                                  #webpunk   18


maanantaina 31. toukokuuta 2010
Their Pains > 4Cs
    Costs
    Control

                                  #webpunk   18


maanantaina 31. toukokuuta 2010
Their Pains > 4Cs
    Costs
    Control
    Complexity
                                  #webpunk   18


maanantaina 31. t...
Their Pains > 4Cs
    Costs
    Control
    Complexity
    Communication
                                  #webpunk   18

...
Inefficiency

                                  #webpunk   19


maanantaina 31. toukokuuta 2010
IMPATIENCE
                                  #webpunk   20


maanantaina 31. toukokuuta 2010
So what have
   HTML5, CSS3,
   JQuery & APIs
   got to do with it?
                                  #webpunk   21


maan...
Painkillers?
     Reduce cost
     Reuse assets
     Simplify
                                  #webpunk   22


maanantain...
Yes and No

                                     #webpunk   23


maanantaina 31. toukokuuta 2010
HTML4 HTML5
     <object width="425px"
     height="360px" >
                                          <video>
           ...
Opening the floodgates
                                  #webpunk   25


maanantaina 31. toukokuuta 2010
Bigger Picture
   CODING > DESIGN
   SITES > SERVICES
   CRAFT > INDUSTRIALISED


                                  #webpu...
Why are we
     inefficient?
       “Instead of learning from each other,
       we repeat the mistakes of others”
       C...
Why are we
     inefficient?
  “hey, this is exactly what we’ve been doing all
  along! Let’s avoid asking ourselves hard
 ...
Why are we
   inefficient?
                                  #webpunk   29


maanantaina 31. toukokuuta 2010
We still work the
    same way now as
    when the WWW
    first appeared
                                  #webpunk   30

...
Collaborative joy
    Remixing
    Remastering
    Co-creation
                                  #webpunk   31


maanantai...
>
                            a"alto                  webi!n
                            un?ive                  a?lebe
  ...
New news!
                                   #webpunk   33


maanantaina 31. toukokuuta 2010
We’re not a newspaper -
we’re a content#webpunk
                distribution platform
                                    ...
Retweet is the ultimate content remixer
                  140 chars is todays 2 min punk song




                        ...
Democratisation of
   Content has been
   driven by social media

                                  #webpunk   36


maanan...
Democratisation of
   Concepts and Services
   will be driven
   by the next wave

                                  #webp...
Where does HammerKit fit
   into the picture?


   We are part of the next wave
                                  #webpunk ...
Online and collaborative
    Design Freedom
    Open and Extensible
    Real-time
    NoHTML

                            ...
Collaborate and                               Reuse parts or
                  share with peers              Component    ...
Collective
   Improvisation
   biz + des + tech
                “this platform is a great opportunity for business, design...
Do it once
   Do it well

 craft > industry
                                  #webpunk   42


maanantaina 31. toukokuuta 2...
THE HP GARAGE




   Is this still valid?               #webpunk    43


maanantaina 31. toukokuuta 2010
Our value chain
            Raw
           Material               +   Craftsman
                                          ...
⅘ issue
                                  #webpunk   45


maanantaina 31. toukokuuta 2010
#webpunk   46


maanantaina 31. toukokuuta 2010
#webpunk   47


maanantaina 31. toukokuuta 2010
Solving ⅘
    Mass-market approach:
    > Lower costs
    > Simplify assembly
    > Speed up production

     > REAL PAINK...
In summary
       we need more punk spirit
       >collaborative joy
       >collective improvision
       >new ways of wo...
The web is
   17 years old

 > age of rebellion
                                  #webpunk   50


maanantaina 31. toukokuu...
to b ea
    twants
  I



                                        thanks
                                         Mark Sor...
to b ea
    twants
  I



                                        thanks
                                         Mark Sor...
Upcoming SlideShare
Loading in …5
×

Web punk mystery of web design is fading given

2,298 views

Published on

Presentation given at Webinale 2010 in Berlin talking about how webpunk will democratise web concepts and service production in the same way social media has done for content.

Published in: Business, Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,298
On SlideShare
0
From Embeds
0
Number of Embeds
22
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Web punk mystery of web design is fading given

  1. 1. The Mystery of Web Design is Fading #webpunk 1 maanantaina 31. toukokuuta 2010
  2. 2. ERECTORSET #webpunk 2 maanantaina 31. toukokuuta 2010
  3. 3. "Punk rock was rock and roll by people who didn't have very much skills as musicians but still felt the need to express themselves through music.” John Holmstrom, founder of Punk magazine #webpunk 3 maanantaina 31. toukokuuta 2010
  4. 4. Punk Rock > mainstream music #webpunk 4 maanantaina 31. toukokuuta 2010
  5. 5. Punk Today #webpunk 5 maanantaina 31. toukokuuta 2010
  6. 6. Where is the punk spirit on the web? #webpunk 6 maanantaina 31. toukokuuta 2010
  7. 7. 10,000 hours rule #webpunk 7 maanantaina 31. toukokuuta 2010
  8. 8. "Punk rock was an idea and when people ask me what I do, I try to make ideas happen - ideas that could change life ” Malcolm McLaren punk > ideas #webpunk 8 maanantaina 31. toukokuuta 2010
  9. 9. Web Punk is an idea Web Punk is web design by people who are not rock-star coders but still feel the need to express their creativity online. #webpunk 9 maanantaina 31. toukokuuta 2010
  10. 10. Reactions #webpunk 10 maanantaina 31. toukokuuta 2010
  11. 11. Punk’s independent spirits spurred a DIY revolution, encouraging us to reject authority and hierarchy, advocating that we can and should produce as much as we consume.… There is a misconception that all changes we are experiencing as a society are the result of new technologies… the changes are profoundly cultural.’ Matt Mason, The Pirate’s Dilemma punk > mindset #webpunk 11 maanantaina 31. toukokuuta 2010
  12. 12. “Tell me about picking up the guitar....” “Actually, it was three months before we did our first gig.” Steve Jones The Sex Pistols interviewed by Jerry McCulley in 2008 for Gibson Lifestyle #webpunk 12 maanantaina 31. toukokuuta 2010
  13. 13. punk > (re)action #webpunk 13 maanantaina 31. toukokuuta 2010
  14. 14. Ideas and extreme creativity DIY and independence Passion and action #webpunk 14 maanantaina 31. toukokuuta 2010
  15. 15. Screw it, just do it! #webpunk 15 maanantaina 31. toukokuuta 2010
  16. 16. Why do we need web punk? #webpunk 16 maanantaina 31. toukokuuta 2010
  17. 17. 30 agencies Fin, UK, Ger with real pain #webpunk 17 maanantaina 31. toukokuuta 2010
  18. 18. Their Pains > 4Cs #webpunk 18 maanantaina 31. toukokuuta 2010
  19. 19. Their Pains > 4Cs Costs #webpunk 18 maanantaina 31. toukokuuta 2010
  20. 20. Their Pains > 4Cs Costs Control #webpunk 18 maanantaina 31. toukokuuta 2010
  21. 21. Their Pains > 4Cs Costs Control Complexity #webpunk 18 maanantaina 31. toukokuuta 2010
  22. 22. Their Pains > 4Cs Costs Control Complexity Communication #webpunk 18 maanantaina 31. toukokuuta 2010
  23. 23. Inefficiency #webpunk 19 maanantaina 31. toukokuuta 2010
  24. 24. IMPATIENCE #webpunk 20 maanantaina 31. toukokuuta 2010
  25. 25. So what have HTML5, CSS3, JQuery & APIs got to do with it? #webpunk 21 maanantaina 31. toukokuuta 2010
  26. 26. Painkillers? Reduce cost Reuse assets Simplify #webpunk 22 maanantaina 31. toukokuuta 2010
  27. 27. Yes and No #webpunk 23 maanantaina 31. toukokuuta 2010
  28. 28. HTML4 HTML5 <object width="425px" height="360px" > <video> <source src="assets/dizzy.mp4"> ! <param name="allowFullScreen" </video> value="true"/> ! <param name="wmode" value="transparent"/> ! <param name="movie" value="http:// mediaservices.myspace.com/ services/media/embed.aspx/ m=5385825,t=1,mt=video,searchID=,p rimarycolor=,secondarycolor="/> ! <embed src="http:// mediaservices.myspace.com/ services/media/embed.aspx/ m=5385825,t=1,mt=video,searchID=,p rimarycolor=,secondarycolor=" width="425" height="360" allowFullScreen="true" type="application/x-shockwave- flash" wmode="transparent"/> </object> #webpunk 24 maanantaina 31. toukokuuta 2010
  29. 29. Opening the floodgates #webpunk 25 maanantaina 31. toukokuuta 2010
  30. 30. Bigger Picture CODING > DESIGN SITES > SERVICES CRAFT > INDUSTRIALISED #webpunk 26 maanantaina 31. toukokuuta 2010
  31. 31. Why are we inefficient? “Instead of learning from each other, we repeat the mistakes of others” Christian Heilmann Yahoo! Developer Evangelist #webpunk 27 maanantaina 31. toukokuuta 2010
  32. 32. Why are we inefficient? “hey, this is exactly what we’ve been doing all along! Let’s avoid asking ourselves hard questions and let’s not change the way we work.” Brian Marick, Writer on Agile Development commenting on how people react when they read about Agile #webpunk 28 maanantaina 31. toukokuuta 2010
  33. 33. Why are we inefficient? #webpunk 29 maanantaina 31. toukokuuta 2010
  34. 34. We still work the same way now as when the WWW first appeared #webpunk 30 maanantaina 31. toukokuuta 2010
  35. 35. Collaborative joy Remixing Remastering Co-creation #webpunk 31 maanantaina 31. toukokuuta 2010
  36. 36. > a"alto webi!n un?ive a?lebe rs!ity rli"n “Rebrandable brand” Aalto University - energy from play #webpunk 32 maanantaina 31. toukokuuta 2010
  37. 37. New news! #webpunk 33 maanantaina 31. toukokuuta 2010
  38. 38. We’re not a newspaper - we’re a content#webpunk distribution platform 34 maanantaina 31. toukokuuta 2010
  39. 39. Retweet is the ultimate content remixer 140 chars is todays 2 min punk song #webpunk 35 maanantaina 31. toukokuuta 2010
  40. 40. Democratisation of Content has been driven by social media #webpunk 36 maanantaina 31. toukokuuta 2010
  41. 41. Democratisation of Concepts and Services will be driven by the next wave #webpunk 37 maanantaina 31. toukokuuta 2010
  42. 42. Where does HammerKit fit into the picture? We are part of the next wave #webpunk 38 maanantaina 31. toukokuuta 2010
  43. 43. Online and collaborative Design Freedom Open and Extensible Real-time NoHTML #webpunk 39 maanantaina 31. toukokuuta 2010
  44. 44. Collaborate and Reuse parts or share with peers Component get them easily Store Common production Account Service Design new system Manager Designer services faster “Do not build your own login system. We have Facebook Connect, we have Google we have Twitter - all of which already give you a social graph” Christian Heilmann Yahoo! Developer Evangelist #webpunk 40 maanantaina 31. toukokuuta 2010
  45. 45. Collective Improvisation biz + des + tech “this platform is a great opportunity for business, design and technology students to work together on application development” Nina Hellman Course Leader, Industrial Design Metropolia, Helsinki #webpunk 41 maanantaina 31. toukokuuta 2010
  46. 46. Do it once Do it well craft > industry #webpunk 42 maanantaina 31. toukokuuta 2010
  47. 47. THE HP GARAGE Is this still valid? #webpunk 43 maanantaina 31. toukokuuta 2010
  48. 48. Our value chain Raw Material + Craftsman = niche/luxury Industrialisation = Parts Parts Parts Parts + Process mass market everyday #webpunk 44 maanantaina 31. toukokuuta 2010
  49. 49. ⅘ issue #webpunk 45 maanantaina 31. toukokuuta 2010
  50. 50. #webpunk 46 maanantaina 31. toukokuuta 2010
  51. 51. #webpunk 47 maanantaina 31. toukokuuta 2010
  52. 52. Solving ⅘ Mass-market approach: > Lower costs > Simplify assembly > Speed up production > REAL PAINKILLERS #webpunk 48 maanantaina 31. toukokuuta 2010
  53. 53. In summary we need more punk spirit >collaborative joy >collective improvision >new ways of working as well as new standards #webpunk 49 maanantaina 31. toukokuuta 2010
  54. 54. The web is 17 years old > age of rebellion #webpunk 50 maanantaina 31. toukokuuta 2010
  55. 55. to b ea twants I thanks Mark Sorsa-Leslie mark@hammerkit.com #webpunk www.hammerkit.com maanantaina 31. toukokuuta 2010
  56. 56. to b ea twants I thanks Mark Sorsa-Leslie mark@hammerkit.com #webpunk www.hammerkit.com maanantaina 31. toukokuuta 2010

×