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
610
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
410
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
12
3.9k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
600
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
8
6.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
400
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
5
590
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
460

Other Decks in Design

See All in Design
D38056617929476906141e6a157e0045?s=48 letsgokoyo
0
130
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
0
940
Fd8de099747a39a16c7c0b0b43656285?s=48 lailiuki
0
200
738333c70c6a98e7a101723c53254c06?s=48 marucoguma
1
510
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
320
1cca36c29973d0e2e9288df2cdccfcdb?s=48 narriose
0
240
19792098704334ecd033483d68670645?s=48 reaandull
1
150
B2b4bfd5f5d18c580b79fc2f9340335b?s=48 joshkgong
0
160
F2a18f1ef63198439d0722c7e88129e2?s=48 kignato1
0
350
E3b55df6f02b7398173190fbb852f410?s=48 sekiguchiy
2
380
372b0d6ab90110521a5d3aa09f736abc?s=48 seathinner
0
350
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
210

Featured

See All Featured
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
260
24k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
273
32k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
40
2.5k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
446
36k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
178
14k
5b9fe87ec1faa67a4599782930f45ec9?s=48 sstephenson
147
12k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
495
110k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
104
6.4k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
10k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
220
15k
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
63
10k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
101
11k

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!