Fontdeck: Realign not Redesign

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

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

Other Decks in Design

See All in Design
608638a6cfefbf0c2294a30e55634f6d?s=48 mihozono
0
740
91e7aee9769836f448a9f1ce91255749?s=48 mathatelle
1
770
608638a6cfefbf0c2294a30e55634f6d?s=48 mihozono
4
1.9k
9f5f8d89c1c298beb2e5d3b1e41941e2?s=48 codingconduct
0
400
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
550
6957dcf9e6e3d9243fa0a06228bfb7c0?s=48 coppelux
1
170
C918bcbfa8df32567636c2d125a34fa1?s=48 sonnylazuardi
3
180
A5d201f45866b5d7a191cb2ac6b31a00?s=48 nadbov
0
170
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
160
De642d97312a719bcb273476a53a2f29?s=48 justmichaelajayi
0
290
9593f235f70ddc99a8673f8be186e6ef?s=48 jennjiyang
1
140
C66a4b0ef3d970bfbe5cc00df63804d8?s=48 polverelli
1
190

Featured

See All Featured
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
203
6.6k
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
55
5.1k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
15k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.1k
78b475797a14c84799063c7cd073962f?s=48 holman
458
270k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
205
9.9k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
407
57k
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
300
16k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
3
410
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
497
36k

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!