Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Fontdeck: Realign not Redesign
Search
Paul Robert Lloyd
February 12, 2011
Design
79
5.1k
Fontdeck: Realign not Redesign
Presentation for Multipack Presents: Show & Tell.
Paul Robert Lloyd
February 12, 2011
Tweet
Share
More Decks by Paul Robert Lloyd
See All by Paul Robert Lloyd
Designing Systems (Smashing Conference)
paulrobertlloyd
2
1.6k
Designing Systems (Design Exchange Nottingham)
paulrobertlloyd
6
820
Responsive Principles (WebExpo)
paulrobertlloyd
4
760
Responsive Principles (Front-end London, May 2015)
paulrobertlloyd
12
4.7k
This is for Everyone (LDNIA #4)
paulrobertlloyd
0
820
This is for Everyone (Speak the Web)
paulrobertlloyd
7
7k
The Edge of the Web (Async)
paulrobertlloyd
0
760
This is for Everyone (Port 80)
paulrobertlloyd
5
820
The Edge of the Web (Redux)
paulrobertlloyd
3
650
Other Decks in Design
See All in Design
0→1でデザイナーは何とむきあうのか? / 0→1 Meetup 〜多様な0→1フェーズにおけるデザイナーの働き方〜 / Yasuhiro Yokota
yasuhiroyokota
1
350
Baby Bear Genius
yvonnehsuanho
PRO
0
600
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
1.4k
PdMというキャリアがUXデザイナーの頭によぎったとき スポットライトをどう当て、 どうシステムを見つめるか
muture
0
490
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
330
decksh object reference
ajstarks
2
990
情報サービスユニット UXUIチーム紹介/btobuxui
nikkei_engineer_recruiting
1
130
Another works Brand Guidelines
designdoor
0
100
ノンデザイナーでもできる。直感的で使いやすいUIの設計方法
ncdc
8
6.4k
0-1に挑むデザイナーが 知っておきたい2つの前提
swaaan
3
850
プロダクトデザインは子育て/Product design is parenting
medley
0
510
DMMデザイナーのプロダクトへの携わり方と組織再編
takumasaito
1
160
Featured
See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Build your cross-platform service in a week with App Engine
jlugia
227
17k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
20
7.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
How to train your dragon (web standard)
notwaldorf
79
5.5k
Stop Working from a Prison Cell
hatefulcrawdad
266
20k
Producing Creativity
orderedlist
PRO
340
39k
The Invisible Customer
myddelton
117
13k
Debugging Ruby Performance
tmm1
71
11k
Code Reviewing Like a Champion
maltzj
517
39k
KATA
mclloyd
20
13k
Building Applications with DynamoDB
mza
89
5.8k
Transcript
Fontdeck Realign, not redesign Paul Lloyd, User Experience Designer Multipack
Presents: Show and Tell Saturday 12 February 2011
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.
‣ 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?
A difficult birth
Homepage
Huh? — Potential Customers Why is Fontdeck different? How much
does it cost?
“Purveyors of the finest webfonts” Fontdeck is the professional webfont
solution; easy to use yet flexible enough to meet the real needs of designers.
Revised homepage based on the work of our hackday
“Low hanging fruit” “Quick wins” These don’t exist!
The challenge Provide an holistic design direction that could be
implemented in stages.
The Realignment
Goal Communicate professionalism of the service and the quality of
our library.
PRIMARY COLOURS FONT CATEGORIES Links Slab Serif Sans Serif Serif
Non Latin Display Script SECONDARY COLOURS
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
Typeface (before)
Font specimen (before)
Font specimen (after)
Typeface (after)
Goal Better communicate how the service works and how much
it costs to use.
About Fontdeck (before)
About Fontdeck (after)
Pricing page
Homepage
Goal Greater prominence for foundries and type designers.
Designs (before)
Designers (after)
Something magical happened! We got excited about our product again.
Refining the homepage
James’ original homepage design from the hackday
Iteration 1
Iteration 2
Iteration 3
Iteration 4
Iteration 5
Iteration 6
Iteration 7
Iteration 8
Did we realign… or redesign? You decide!
‣ fontdeck.com / @fontdeck ‣ paulrobertlloyd.com / @paulrobertlloyd Thank you!