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
76
4.9k
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.5k
Designing Systems (Design Exchange Nottingham)
paulrobertlloyd
6
790
Responsive Principles (WebExpo)
paulrobertlloyd
4
720
Responsive Principles (Front-end London, May 2015)
paulrobertlloyd
12
4.6k
This is for Everyone (LDNIA #4)
paulrobertlloyd
0
780
This is for Everyone (Speak the Web)
paulrobertlloyd
7
7k
The Edge of the Web (Async)
paulrobertlloyd
0
700
This is for Everyone (Port 80)
paulrobertlloyd
5
780
The Edge of the Web (Redux)
paulrobertlloyd
3
620
Other Decks in Design
See All in Design
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
160
Designing UIs without a UI designer
strongeron
0
150
root Design Partnership Policy
root_recruit
0
4.5k
プロダクトを成長させる生成 AI のユースケース発見ワークショップ vol.3
icoxfog417
1
140
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
720
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
420
AIが介在するサービスのUX設計で 考えるべきポイントとは
pkshadeck
0
120
Wishing Star Comic
torije
2
1.2k
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
0
6.8k
Sunny Day Storyboard
ctagulao98
0
110
Data+Diversity: Celebrating W.E.B Du Bois through Data Visualization
ajstarks
0
330
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
320
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
13
2.4k
Typedesign – Prime Four
hannesfritz
36
2.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
What's new in Ruby 2.0
geeforr
338
31k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
Web development in the modern age
philhawksworth
203
10k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
Building Adaptive Systems
keathley
32
1.9k
What's in a price? How to price your products and services
michaelherold
238
11k
Unsuck your backbone
ammeep
664
57k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
82
44k
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!