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
75
4.8k
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
770
Responsive Principles (WebExpo)
paulrobertlloyd
4
690
Responsive Principles (Front-end London, May 2015)
paulrobertlloyd
12
4.5k
This is for Everyone (LDNIA #4)
paulrobertlloyd
0
770
This is for Everyone (Speak the Web)
paulrobertlloyd
7
7k
The Edge of the Web (Async)
paulrobertlloyd
0
670
This is for Everyone (Port 80)
paulrobertlloyd
5
750
The Edge of the Web (Redux)
paulrobertlloyd
3
600
Other Decks in Design
See All in Design
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
510
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
0
950
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
260
Crafting Blog covers: AI tools vs Human Illustrators. Who is the winner?
strongeron
0
110
Concept Art of Pirate Cat
hansolo21
0
2.4k
Climb Visual Development
rkendrick25
0
100
Apple提供アプリのナビゲーションバーアイテムクイズ / 20231110-hig
uhooi
1
120
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.3k
Ride or Die Animatics
warwatkar
0
130
Design Leadership in Challenging Times
morganepeng
3
280
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
120
介護事業にデザインでどう向き合うか / Designship 2023
sms_tech
0
1.9k
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
0
3.2k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
A Philosophy of Restraint
colly
195
15k
The Pragmatic Product Professional
lauravandoore
24
5.7k
Documentation Writing (for coders)
carmenintech
59
3.7k
Teambox: Starting and Learning
jrom
126
8.3k
The World Runs on Bad Software
bkeepers
PRO
60
6.6k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
226
16k
Rebuilding a faster, lazier Slack
samanthasiow
72
8.1k
Making the Leap to Tech Lead
cromwellryan
122
8.4k
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!