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.6k

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
590
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
400
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
12
3.8k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
590
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
40baebcd09b478d3e28b5ba81df2b525?s=48 tiagilles
0
200
F2231d064e658439a1f0b710b0c9ead0?s=48 nobtak
0
240
18172da0a6a8157610116f6b2869dc86?s=48 lizbethvic
0
150
E9221b172e78e888355fa2fe4541b595?s=48 mclloyd
PRO
0
180
503242d7360f938c2e851c6647064781?s=48 mariannasmith
0
150
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
240
6dc9d93f9686439079e45277848c1d67?s=48 chadwickw
0
210
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
260
Acb24b2e81f0f7c3d6e7eda5e0a70be8?s=48 alvieave
0
170
9105c959cc559664a1c2a506cac28070?s=48 ajanart
0
380
2481158a72219f42b701cf0fcef12971?s=48 rvillarreal
0
270
489f52dc2c09de1b216d7d2fd8b13483?s=48 isabellaspadone
0
220

Featured

See All Featured
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
683
180k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
499
130k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
106
14k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
328
15k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
52
3.4k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
258
24k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
127
20k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
56
6.3k
D36d2c1821af9249b69ff7f5ed60529b?s=48 tammielis
237
23k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
87
3.9k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
241
21k

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!