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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Cleartrip
January 16, 2017
Design
0
110
Redesigning Cleartrip Lessons Learnt
Cleartrip
January 16, 2017
Tweet
Share
More Decks by Cleartrip
See All by Cleartrip
MetaRefresh-Building-Cleartrip-Mobile
cleartrip
0
55
Movie posters, the Cleartrip way
cleartrip
0
10k
Other Decks in Design
See All in Design
Diverse Design Team Deck
diverse
0
580
はじめての演奏会フライヤーデザイン
chorkaichan
1
220
チームをデザイン対象にする / Design for your team
kaminashi
1
530
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
920
デザイナーとエンジニアで 同じ山に登ろう
moco1013
0
140
アイデアを加速させる!Firefly ボードで発想の幅を広げよう
connecre
1
300
2026年、デザイナーはなにに賭ける?
0b1tk
0
480
Emmy's Artwork
mcksmith
0
190
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
5
4k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
PRO
0
160
AI情報に溺れながら、それでも頑張って泳ぐための思考法
yoriss67
0
130
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
280
Featured
See All Featured
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
Believing is Seeing
oripsolob
1
54
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.2k
Leo the Paperboy
mayatellez
4
1.4k
First, design no harm
axbom
PRO
2
1.1k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
1.9k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
61
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
Navigating Team Friction
lara
192
16k
Chasing Engaging Ingredients in Design
codingconduct
0
110
Art, The Web, and Tiny UX
lynnandtonic
304
21k
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