Save 37% off PRO during our Black Friday Sale! »

Fontdeck: Realign not Redesign

0bce06bd06ee7a2c4f5500f25dcf7f18?s=47 Paul Robert Lloyd
February 12, 2011
Design
72
3.9k

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
620
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
440
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
12
4k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
610
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
7
6.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
430
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
5
600
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
460

Other Decks in Design

See All in Design
3bf6da1f63cd8b7a2f802f95c269ed80?s=48 fromatom
1
560
460bd0ecba8a85a41126d14d0bdc6c1d?s=48 bungalow
1
400
635b0000e69f3203c8b41df47293d451?s=48 takumasaito
3
1.3k
Ad94879495e21b7362d0d2c845f44bc0?s=48 soham
1
110
C31f714e8a8984e1bc3c1e402af1d7c1?s=48 bemu
2
820
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
140
A59f1440588fd8d0447a8e96b8c9b8c5?s=48 hara_mei
0
3.2k
A6164c2cb62281a24febe6f722775b98?s=48 miterashishohei
2
1.1k
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
3.2k
Cdf97a1b1b132c56582773c3ba09a3a6?s=48 rakus_dev
0
2.8k
4b7cfc2f7e1087517064667a30fddd54?s=48 commmune
1
3.4k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
0
140

Featured

See All Featured
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
294
110k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
298
39k
245cee81a9c424266e5e401d844ea881?s=48 lara
175
11k
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
56k
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
78
280k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
224
15k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
337
30k
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
307
33k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1352
200k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.8k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
6.9k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
147
20k

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!