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
73
4.1k

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
Designing Systems (Smashing Conference)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
2
1.3k
Designing Systems (Design Exchange Nottingham)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
6
630
Responsive Principles (WebExpo)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
4
480
Responsive Principles (Front-end London, May 2015)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
12
4.1k
This is for Everyone (LDNIA #4)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
620
This is for Everyone (Speak the Web)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
7
6.8k
The Edge of the Web (Async)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
0
470
This is for Everyone (Port 80)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
5
630
The Edge of the Web (Redux)
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
3
480

Other Decks in Design

See All in Design
ANTIEK
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
130
2021年度進級制作展プレゼンスライド
2979d12b0c105e012d9c317af56d6869?s=48 nagi_1073
0
190
Designing Schematic Maps
Fb35b29dfdf70000bb09777b531db5dc?s=48 rasagy
1
250
Visional 新卒デザイナー向け 会社説明資料 / Visional Company Briefing for Designer
B703da7cc05ce9718d63f9b2c6028ff7?s=48 visional_design
2
2.3k
ユーザーに向き合うために 普段から意識していること
2852b6f0c4ec2c7a3a4a3603d4d5a662?s=48 koichikato
0
110
「SPACE DESIGN × DX」 - 店舗・オフィス等の空間DX伴⾛⽀援 -
9105b00a46e39490dceece1a02593cbb?s=48 pointedge
0
290
Episode 5 Onyx Monster Mysteries Song sequence
5bce9e09e585aed42d646c47c7da38e0?s=48 ivettetwin
0
300
はじめまして、株式会社サインコサインです。（2022.04）
6581d0d2debbc8be5e4808cf46b4f104?s=48 kakukoki
PRO
2
3.2k
デザインシステムチームの「身内」を増やす取り組み / Design Study Morning #07
A6679d91db1449741ed55c061f981b02?s=48 numata
0
360
wip
Bbbc49d0d9b78f671ffb431d5e381f2a?s=48 x3carlyx3
1
150
Untitled (Baseball)
3d895659a74acee6d37b3674f6f7b650?s=48 heewon
2
210
Réparons la ville !
C9b13030657cff75ef421db51c6f021c?s=48 sylvaingrisot
1
6.1k

Featured

See All Featured
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
61
9.9k
Done Done
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
From Idea to $5000 a Month in 5 Months
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
372
44k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
5.5k
Building Your Own Lightsaber
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
94
4.6k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
295
110k
Adopting Sorbet at Scale
2bb923c57a1fdc3a2eb484bb8d565fd2?s=48 ufuk
63
7.5k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
31
5.8k
How to Ace a Technical Interview
2f5463832ccb768ccb4a1ca3607c27ef?s=48 jacobian
265
21k
Side Projects
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
449
37k
Rebuilding a faster, lazier Slack
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
62
7.2k

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!