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
580
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
380
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
440

Other Decks in Design

See All in Design
4fe9c38064244b38e7cc7627135c5008?s=48 basakbuse
0
160
6f9c90981748adfbe77022cfb228d386?s=48 michalis_art
1
200
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
100
Cf9808b306096a913709da756edeb665?s=48 uxevents
0
160
762ca74cf30c36f2b8deeb22e9e86a03?s=48 ncdc
0
180
07e2c6335be6197e2b2c9c8607ecb0ba?s=48 cassidypierce
0
390
03b94ab7c6fc1a56632bd27feceb1817?s=48 cduc
0
110
Ca63f6ee64787c337d905b069085324c?s=48 juliannaromero
1
240
61979df46e0c6b1de27d9dbc37289838?s=48 alesaenzart
0
320
119ea69dbbe9e31199c9bc686f43632b?s=48 icgedigk
0
190
Ec8e76e781c167e8d323abae71a7f1a8?s=48 keigo_arakaki
1
3.2k
C6860c38adec703e995505b9afa12c83?s=48 yumemi
0
380

Featured

See All Featured
B47b288784fda77a94aeb234ca743c24?s=48 keavy
105
14k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
108
9.6k
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
52
1.8k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
15
510
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.4k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
360
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
14k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
18k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
145
19k
245cee81a9c424266e5e401d844ea881?s=48 lara
169
9.3k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
14
940
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
283
18k

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!