WorryFree Computers »
Address
:
[go:
up one dir
,
main page
]
Include Form
Remove Scripts
Accept Cookies
Show Images
Show Referer
Rotate13
Base64
Strip Meta
Strip Title
Session Cookies
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
77
5k
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
730
Responsive Principles (Front-end London, May 2015)
paulrobertlloyd
12
4.6k
This is for Everyone (LDNIA #4)
paulrobertlloyd
0
790
This is for Everyone (Speak the Web)
paulrobertlloyd
7
7k
The Edge of the Web (Async)
paulrobertlloyd
0
710
This is for Everyone (Port 80)
paulrobertlloyd
5
790
The Edge of the Web (Redux)
paulrobertlloyd
3
620
Other Decks in Design
See All in Design
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
150
生成AIを活用したサービス設計のススメ〜仮説構築編〜
tomo1215
2
1k
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
250
「これをゲームにしたい!」と言われた時ゲームデザイナーが考えること
kinakobooster
5
5.3k
AIが介在するサービスのUX設計で 考えるべきポイントとは
pkshadeck
0
140
Apple HIGのススメ
temoki
0
120
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
100
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
320
丸井グループが取り組むエンタープライズアジャイルと プロダクトマネージャーの役割
muture
1
470
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
250
Designing UIs without a UI designer
strongeron
0
180
Ubie Vitalsの取り組み紹介
8845musign
0
490
Featured
See All Featured
Design by the Numbers
sachag
274
18k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
What's in a price? How to price your products and services
michaelherold
238
11k
RailsConf 2023
tenderlove
9
610
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
Debugging Ruby Performance
tmm1
70
11k
The Art of Programming - Codeland 2020
erikaheidi
43
12k
Rebuilding a faster, lazier Slack
samanthasiow
74
8.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
26
2.4k
In The Pink: A Labor of Love
frogandcode
138
21k
Thoughts on Productivity
jonyablonski
60
3.9k
Product Roadmaps are Hard
iamctodd
45
9.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!