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
72
3.8k

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
420
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
410
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
5
590
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
460

Other Decks in Design

See All in Design
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
930
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
2
2.5k
Cf9dbd8fa508ae9315d950e8c6e9c654?s=48 sglopez
0
110
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
1.1k
1439b2421bf9af4d7353a76c5355b6d6?s=48 diegoa4863
1
390
Efe3b32c678d6071ea1f06478fd2156b?s=48 norinity1103
0
450
A59f1440588fd8d0447a8e96b8c9b8c5?s=48 hara_mei
0
270
81bb1a48ca06777b2651377db8451100?s=48 ghostlogic
1
120
5968fa9a81cf1cf77a919996b8ed1bc9?s=48 pandemonay
0
140
6c0a17fd6d961b18cc9b3ee58f021407?s=48 phantaleung
0
1k
Cc6c9e1dcb8e40af8dd1d49b78c0c720?s=48 tompenguin
5
300
C9b1043c15896a8a15b68564b9789130?s=48 maruejouls
0
320

Featured

See All Featured
Ecdea9b9714877b86cee08458f085481?s=48 trallard
22
1k
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
29
1.5k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
256
17k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
315
21k
245cee81a9c424266e5e401d844ea881?s=48 lara
594
61k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
38
1.3k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
277
17k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
36k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
17k

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!