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
780
Responsive Principles (WebExpo)
paulrobertlloyd
4
710
Responsive Principles (Front-end London, May 2015)
paulrobertlloyd
12
4.5k
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
690
This is for Everyone (Port 80)
paulrobertlloyd
5
770
The Edge of the Web (Redux)
paulrobertlloyd
3
610
Other Decks in Design
See All in Design
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
Web 組版の課題とその解法
yamatoiizuka
0
110
モデル・デザイン入門
akitsugu7935
0
470
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
150
他人事じゃないWebアクセシビリティ入門
arihiro17
0
220
デザイナー採用 3社目で学び中のこと / Learnings of Designer Recruitment | Yasuhiro Yokota
yasuhiroyokota
1
230
業務システムのUX/UI設計ノウハウを解説。デザイナー不在で失敗しないために身につけるべき基本とは?
ncdc
2
290
Design Leadership in Challenging Times
morganepeng
3
300
Ride or Die Animatics
warwatkar
0
140
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
330
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.2k
Featured
See All Featured
Designing for humans not robots
tammielis
248
25k
Web Components: a chance to create the future
zenorocha
305
41k
A designer walks into a library…
pauljervisheath
200
23k
The Power of CSS Pseudo Elements
geoffreycrofte
60
5k
The Cost Of JavaScript in 2023
addyosmani
16
3.9k
[RailsConf 2023] Rails as a piece of cake
palkan
23
4k
Fireside Chat
paigeccino
21
2.6k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Designing the Hi-DPI Web
ddemaree
276
33k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Gamification - CAS2011
davidbonilla
76
4.6k
Code Reviewing Like a Champion
maltzj
514
39k
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!