The web is more type than anything. We might as well get it right...

1. new york city | 04 november 2014
edenspiekermann_
erik spiekermann
Type is
visible language

4. spiekermann.com
edenspiekermann.com
fontfont.com
fontshop.com
metaserif.com
@espiekermann
spiekerwork:

5. 2: work
1: type
3: attitude

6. Who needs so many typefaces?

7. Do you know this typeface?

8. Do you know this typeface?

9. Do you know this typeface?
Do you know this typeface?

10. Schriftgestalter1981
Korrekturblatt zur neuen Helvetica
von Erik Spiekermann an Klaus
Hoefer: They knew him as a desi-
gner, as a typographer, as a type
evangelist and as a writer – chiefly
on the subject of typography, but
with opinions about every subject.
SchriftgestalterHelveticeNeue198143

14. M

16. How many books, songs, bikes, fonts
does one need?
The magic formula:
n+1

17. Do you know this typeface?

20. Autobahn

21. Autobahn

22. Autobahn

24. Type on screen:
Not always a pretty picture.

29. http://blog.typekit.com/2013/05/01/hi-dpi-typography/

32. Discretionary ligatures dlig
Lining numerals lnum
Old-style numerals onum
Small caps smcp
Swash alternates swsh n
Stylesets (01–20) ss01–20
etc.

34. http://elliotjaystocks.com/blog/a-recap-on-opentype-features/

35. text-rendering: optimizeLegibility;–––––––––––––––––––––––––––––––––––
font-feature-settings

36. 2: work
1: type
3: attitude

55. Demo Video Website

58. 4 weeks of preparation
11 sprints until first beta launch
now releasing after every sprint
17th sprint right now
team size: ~7 people

64. 2: work
1: type
3: attitude

65. don’t work with arseholes,
don’t work for arseholes.
another magic formula:

73. edenspiekermann_
the traditional waterfall process
ImplementationDesign Content
here as wellthis is where projects break
w

74. edenspiekermann_
our agile design process
Design
Implementation
Content
Beta V1.0

75. forget control:

82. FAQ: Can I come and work for you?

83. FAQ: Can I come and work for you?

84. FAQ: What’s next for webdesign?

86. edenspiekermann_
User centered,
not designer centered
Source: quotivee.com/wp-content/uploads/2013/09/don-draper.jpeg

87. 0
px ∞ px
240px
320px
480px
540px
600px
768px
800px
960px
1024px
1280px
You all know this here:

88. Hierarchy, not position

89. Branding Kopf
Produkt
Produkt
Produkt
Serie Produkt
Produkt
Kopf
Mega BU
Produkt Kolumne/Serie
Text & Bilder
Branding Kopf
Steckbrief
Branding Kopf
Großes Bild
Steckbrief
Text ohne
Bild
Bildkolumne/Serie
Galerie
Kopf
Text & Bilder
Karte
Video
Text & Bilder
Große Geschichte Kurzformat/Serie
Großes Bild
Branding Kopf
Mega BU
Minikolumne/Serie
Branding Kopf
Text indiv.
Modules, not pages

91. edenspiekermann_
» We put data at the core of everything we’re doing – to inform
our journalism, not rule it. We listen. We engage. We digest it all.
We learn. Then, we adapt and move forward.
You know what’s changed for me at Forbes?
I now write for my audience, not my editor. »
— Lewis D’Vorkin, FORBES Chief Product Officer
Source: The Forbes Model For Journalism in the Digital Age

92. FAQ: What’s next for Spiekermann?
movie at: http://spiekermann.com/en/letterpress-in-berlin/

93. auf wiedersehen,
good bye.