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
UI/UX & Web Design Portfolio 2025|Madoka Kumagai
madoka_portfolio
2
120
AIエージェントが対話的なUIを返す!MCP−UIで変わるユーザ体験
daitasu
1
140
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
500
AIでデザインをつくる:基礎編
kenichiota0711
3
2.5k
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
300
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
tame
1
370
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
250
越境するデザイン人材:デザイナーが社会資本となる世界へ
goodpatch
1
500
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは?~操作を減らし、成果を最大にするための設計~
ncdc
0
100
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
540
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.3k
Emmy's Artwork
mcksmith
0
190
Featured
See All Featured
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
200
GraphQLとの向き合い方2022年版
quramy
50
14k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
100
Automating Front-end Workflow
addyosmani
1371
200k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Utilizing Notion as your number one productivity tool
mfonobong
3
220
Balancing Empowerment & Direction
lara
5
890
Writing Fast Ruby
sferik
630
62k
Test your architecture with Archunit
thirion
1
2.2k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
290
Between Models and Reality
mayunak
1
190
How to Talk to Developers About Accessibility
jct
2
130
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