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

Fontdeck: Realign not Redesign

0bce06bd06ee7a2c4f5500f25dcf7f18?s=47 Paul Robert Lloyd
February 12, 2011
Design
71
3.7k

Fontdeck: Realign not Redesign

Presentation for Multipack Presents: Show & Tell.

0bce06bd06ee7a2c4f5500f25dcf7f18?s=128

Paul Robert Lloyd

February 12, 2011
Tweet

More Decks by Paul Robert Lloyd

See All by Paul Robert Lloyd
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
2
1.2k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
6
600
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
400
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
12
3.8k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
600
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
8
6.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
390
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
5
580
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
450

Other Decks in Design

See All in Design
Eb3f099a0ad1b2f8ff9180432ab10d72?s=48 mollysart
0
300
Dfa5ba72c278ca34ab320c0a582da888?s=48 cyberagent_creators
2
18k
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
460
D14a5a0ac27e24a0b2865c9c33dede87?s=48 uxinlux
1
8.3k
08911a018fe9e8412434d165d8474187?s=48 duncanstephen
0
460
F0a8d07597a19192791bf663504d2a17?s=48 atamaplus
0
340
2dd96d0fb363cbdc029639bf0e8452a9?s=48 vincentwu
PRO
0
100
A60862df72f6185804d3d61de673fd27?s=48 sheridanlugo
0
330
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
1
1.1k
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
1.1k
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
480
73baad120374e3acff29f9492d7b5aef?s=48 malaisha
0
120

Featured

See All Featured
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
14
4.5k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
22
2.1k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
31k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
776
200k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
2k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
628
47k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
206
6.9k
24fc194843a71f10949be18d5a692682?s=48 gr2m
83
11k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
232
18k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
343
26k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.5k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
587
200k

Transcript

  1. Fontdeck Realign, not redesign Paul Lloyd, User Experience Designer Multipack

    Presents: Show and Tell Saturday 12 February 2011

  2. Who? ‣ Announced: May 2009 ‣ Private Beta: January 2010

    ‣ Launched: June 2010 Idea conceived by Richard Rutter (Clearleft) and Jon Tan (OmniTI) at SXSW in March 2009.

  3. ‣ 550+ typefaces and counting… ‣ 26 foundries—some exclusive to

    Fontdeck ‣ Prices start at $2.99/year. Average price ~$7.50/year ‣Try any font for free for an unlimited time What?

  4. A difficult birth

  5. Homepage

  6. Huh? — Potential Customers Why is Fontdeck different? How much

    does it cost?

  7. “Purveyors of the finest webfonts” Fontdeck is the professional webfont

    solution; easy to use yet flexible enough to meet the real needs of designers.

  8. Revised homepage based on the work of our hackday

  9. “Low hanging fruit” “Quick wins” These don’t exist!

  10. The challenge Provide an holistic design direction that could be

    implemented in stages.

  11. The Realignment

  12. Goal Communicate professionalism of the service and the quality of

    our library.

  13. PRIMARY COLOURS FONT CATEGORIES Links Slab Serif Sans Serif Serif

    Non Latin Display Script SECONDARY COLOURS

  14. Ag Adelle Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Adelle Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

    0123456789 Ag PT Sans Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 PT Sans Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Georgia ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 Lucida Grande ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 HEADINGS BODY COPY

  15. Typeface (before)

  16. Font specimen (before)

  17. Font specimen (after)

  18. Typeface (after)

  19. Goal Better communicate how the service works and how much

    it costs to use.

  20. About Fontdeck (before)

  21. About Fontdeck (after)

  22. Pricing page

  23. Homepage

  24. Goal Greater prominence for foundries and type designers.

  25. Designs (before)

  26. Designers (after)

  27. Something magical happened! We got excited about our product again.

  28. Refining the homepage

  29. James’ original homepage design from the hackday

  30. Iteration 1

  31. Iteration 2

  32. Iteration 3

  33. Iteration 4

  34. Iteration 5

  35. Iteration 6

  36. Iteration 7

  37. Iteration 8

  38. Did we realign… or redesign? You decide!

  39. ‣ fontdeck.com / @fontdeck ‣ paulrobertlloyd.com / @paulrobertlloyd Thank you!