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
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
2
3k
2b0240d878444a15410d3f16b3ab2a97?s=48 siporin
2
120
32b869eccead66531b4749ea9f146aed?s=48 yuinamiki
0
360
0d8a5f112b203f084178d4432b10e354?s=48 chyanime
0
130
1777ae7e124a0cadd15d9f88d871c963?s=48 toranomanji
0
180
64a052fdeb28810747dafd0905b205a6?s=48 mkc
0
270
99de77666ff40dbf0988652899cc92ef?s=48 kamihira
2
2.2k
F1fdc613ab30a10d92baa64c3ae62cdd?s=48 meemee14
0
150
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
550
7e0c7d1a8943ab11891a7e304eb384cd?s=48 tthhmmss
2
170
8f65531189af910498ae5d86b0646d6e?s=48 yoka0930
1
300
C918bcbfa8df32567636c2d125a34fa1?s=48 sonnylazuardi
4
560

Featured

See All Featured
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
70
7k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
497
36k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
398
20k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
79acae287842acf29084005533a7fb3b?s=48 hursman
103
9k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
350k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
99
5.7k
48c098b6579220a67a6ba949be6e4b5a?s=48 revolveconf
195
9.4k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
50
3.9k

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!