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
Redesigning Cleartrip Lessons Learnt
Search
Cleartrip
January 16, 2017
Design
0
74
Redesigning Cleartrip Lessons Learnt
Cleartrip
January 16, 2017
Tweet
Share
More Decks by Cleartrip
See All by Cleartrip
MetaRefresh-Building-Cleartrip-Mobile
cleartrip
0
47
Movie posters, the Cleartrip way
cleartrip
0
10k
Other Decks in Design
See All in Design
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.9k
231206_Book-launch-event_kato
hjmkth
2
1.2k
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
150
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
300
ダークテーマとアクセシビリティ の融合したカラートークンの設計
degudegu2510
0
280
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
330
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
940
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
240
プロダクトデザインは子育て/Product design is parenting
medley
0
310
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
31
2.6k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
8
2.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
116
18k
Gamification - CAS2011
davidbonilla
76
4.6k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
6
1.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
155
14k
Clear Off the Table
cherdarchuk
84
310k
Into the Great Unknown - MozCon
thekraken
10
990
The Invisible Side of Design
smashingmag
294
49k
Why Our Code Smells
bkeepers
PRO
331
56k
Building Better People: How to give real-time feedback that sticks.
wjessup
355
18k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
7
1k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Transcript
@surdattack Sunit Singh Redesigning Cleartrip Lessons learnt Tuesday, 17 September
13
“But with great power comes great responsibility” Design comes first
Lesson #1 Tuesday, 17 September 13
Text Tuesday, 17 September 13
Instant Twice as fast Tuesday, 17 September 13
Efficient by 30% Tuesday, 17 September 13
Efficient by 30% Tuesday, 17 September 13
Handy Down to 1 click Tuesday, 17 September 13
Handy Data driven Tuesday, 17 September 13
Consistent Design patterns Tuesday, 17 September 13
Consistent Design patterns Tuesday, 17 September 13
Consistent Color palette Tuesday, 17 September 13
Consistent Color palette Tuesday, 17 September 13
Consistent Typography & treatment Tuesday, 17 September 13
Reusable Buses in record time Tuesday, 17 September 13
Speed is a feature Design with performance in mind Lesson
#2 Tuesday, 17 September 13
Web performance as... • a Process • a Business metric
Tuesday, 17 September 13
User perception & performance... Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
“Design is a silent ambassador for your brand” Sweat the
details Lesson #3 - Paul Rand Tuesday, 17 September 13
Tuesday, 17 September 13
An underlying order... Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Visually hierarchal Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Organic Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Pixel fitted Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Real feedback vs Data Watch out for signals Lesson #4
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Because the final result matters... Get real Lesson #5 Tuesday,
17 September 13
Public release 0 10 30 20 40 50 60 90
70 80 DAYS PROGRESS Tuesday, 17 September 13
Public release 0 10 30 20 40 50 60 90
70 80 DAYS PROGRESS Design complete Tuesday, 17 September 13
Public release 0 10 30 20 40 50 60 90
70 80 DAYS PROGRESS Dev complete Design complete Tuesday, 17 September 13
Public release 0 10 30 20 40 50 60 90
70 80 DAYS PROGRESS Dev complete Design complete Tuesday, 17 September 13
Tuesday, 17 September 13
Real time JS errors A/B / Split testing User feedback
Tuesday, 17 September 13
Design & consistent communication can play a big role Building
trust goes a long way Lesson #6 Tuesday, 17 September 13
Trust markers & badges for hotels Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Expressway: Stored cards Tuesday, 17 September 13
Expressway: Stored cards 15% bookings Tuesday, 17 September 13
Makes up for less than 0.7% of traffic IE 6
& 7 is a waste of time Lesson #7 Tuesday, 17 September 13
Tuesday, 17 September 13
The best quality & compression possible PNG 24 all the
way Lesson #8 Tuesday, 17 September 13
656 x 450 pixels 88 kb Tuesday, 17 September 13
Tuesday, 17 September 13
Tuesday, 17 September 13
Very large sprites could slow down your webpages Sprites -
handle with care Lesson #9 Tuesday, 17 September 13
1px = 4 bytes in memory 500 x 800 =
1.5 MB in Memory Tuesday, 17 September 13
HTML 5 boilerplate, Modernizr HTML5 all the way Lesson #10
Tuesday, 17 September 13
Easier text input <input type="email"/> <input type="tel"/> <input type="number"/> <input
type="text" pattern="[0-9]*"> <input type="email" autocorrect="off" autocomplete="off" autocapitalize="off"/> Turn off autocorrect, autocomplete, and autocapitalize Tuesday, 17 September 13
Not all CSS3 properties need prefixes Be thoughtful about CSS
prefixes Lesson #11 Tuesday, 17 September 13
Caniuse.com Tuesday, 17 September 13
Build your own framework Lesson #12 Tuesday, 17 September 13
Doing it yourself... • learning • specific needs • evolve
your own style Tuesday, 17 September 13
Questions? @surdattack Sunit Singh Tuesday, 17 September 13