Fontdeck: Realign not Redesign

0bce06bd06ee7a2c4f5500f25dcf7f18?s=47 Paul Robert Lloyd
February 12, 2011
Design
70
3.5k

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.1k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
6
580
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
370
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
12
3.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
590
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
8
6.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
380
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
5
570
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
440

Other Decks in Design

See All in Design
762ca74cf30c36f2b8deeb22e9e86a03?s=48 ncdc
0
130
730424f1e28fcff5ad7eab00e981fb14?s=48 takusami
5
550
Eaff30126722754cd5aaba88df528251?s=48 retrotale
2
490
5478c15ea5fd291f3888b32652227cd5?s=48 futoshimotoyama
0
380
2b43718b2765276034a6fc98eedb7cd9?s=48 toi_toi_y
1
520
981ed7f53e9d180eebe70263745410d5?s=48 sekisatoko
0
2.4k
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
120
5696bd82fd62181c65c8bb3c168d49c1?s=48 solmetts
0
210
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
22k
Dab2423d06b31e4f3df80052b3faaa25?s=48 apolthomaier
0
120
03b94ab7c6fc1a56632bd27feceb1817?s=48 cduc
1
250
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
2
4.2k

Featured

See All Featured
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
769
190k
A415db3ac9e9668acbc1fb36eead84ac?s=48 mthomps
37
2.2k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
339
26k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
113
7k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
204
6.7k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.7k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
112
24k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9.1k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
53
6k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
219
110k

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!