Pro Yearly is on sale from $80 to $50! »

Fontdeck: Realign not Redesign

0bce06bd06ee7a2c4f5500f25dcf7f18?s=47 Paul Robert Lloyd
February 12, 2011
Design
71
3.5k

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
590
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
390
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
570
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
450

Other Decks in Design

See All in Design
E8357bc2fb46be7f584d4ec88eb23b0e?s=48 tallychyck
2
140
C01957d985c20b5b27b7e7684eae3c32?s=48 yutaromurakami
1
110
5c1aa8f171374b061b1a811f62568dc9?s=48 angelofalls
0
390
5c1aa8f171374b061b1a811f62568dc9?s=48 angelofalls
0
350
3324dd777b99a08e05b6cfa61bad6356?s=48 wakepon
1
140
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
150
6715312320f3bd88463ad96db1f13866?s=48 ryusukekogetsu
0
120
6fb4da5b4350785964cb7ee6ae091e2f?s=48 vadeyelu
0
120
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
310
Eedc771a39ca77e4688a38c18232de1a?s=48 kenjikawasaki
4
11k
20803dc53663fbffd3b21ca22b541ce3?s=48 niachan12
0
270
B896d135180958999cd053869215f3f0?s=48 ohtristanart
0
140

Featured

See All Featured
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
16k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
26
1.8k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
9
1.2k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
258
11k
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
331
29k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
PRO
327
35k
C35e01544a0dd94a2cf1619ee8a42ebb?s=48 clairelew
14
1.4k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
15k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
125
20k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
106
14k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
410
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.5k

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!