Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Redesigning Cleartrip - Lessons learnt

Avatar for surdattack surdattack
September 05, 2013
Design
1
340

Redesigning Cleartrip - Lessons learnt

httpX by Big Rock

Avatar for surdattack

surdattack

September 05, 2013
Tweet

More Decks by surdattack

See All by surdattack
Building Cleartrip Mobile
Avatar for surdattack surdattack
9
1.3k

Other Decks in Design

See All in Design
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
480
新卒2年目デザイナーが、UX検定基礎にチャレンジした話
Avatar for ぽん designer_no_pon
0
1.2k
hicard_credential_202601
Avatar for hicard hicard
0
150
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
180
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
1M
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
820
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
190
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
840

Featured

See All Featured
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.1k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
200
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
320
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
79
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
430
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810

Transcript

  1. @surdattack Sunit Singh Redesigning Cleartrip Lessons learnt Tuesday, 17 September

    13

  2. “But with great power comes great responsibility” Design comes first

    Lesson #1 Tuesday, 17 September 13

  3. Text Tuesday, 17 September 13

  4. Instant Twice as fast Tuesday, 17 September 13

  5. Efficient by 30% Tuesday, 17 September 13

  6. Efficient by 30% Tuesday, 17 September 13

  7. Handy Down to 1 click Tuesday, 17 September 13

  8. Handy Data driven Tuesday, 17 September 13

  9. Consistent Design patterns Tuesday, 17 September 13

  10. Consistent Design patterns Tuesday, 17 September 13

  11. Consistent Color palette Tuesday, 17 September 13

  12. Consistent Color palette Tuesday, 17 September 13

  13. Consistent Typography & treatment Tuesday, 17 September 13

  14. Reusable Buses in record time Tuesday, 17 September 13

  15. Speed is a feature Design with performance in mind Lesson

    #2 Tuesday, 17 September 13

  16. Web performance as... • a Process • a Business metric

    Tuesday, 17 September 13

  17. User perception & performance... Tuesday, 17 September 13

  18. Tuesday, 17 September 13

  19. Tuesday, 17 September 13

  20. Tuesday, 17 September 13

  21. Tuesday, 17 September 13

  22. “Design is a silent ambassador for your brand” Sweat the

    details Lesson #3 - Paul Rand Tuesday, 17 September 13

  23. Tuesday, 17 September 13

  24. An underlying order... Tuesday, 17 September 13

  25. Tuesday, 17 September 13

  26. Tuesday, 17 September 13

  27. Tuesday, 17 September 13

  28. Tuesday, 17 September 13

  29. Tuesday, 17 September 13

  30. Tuesday, 17 September 13

  31. Tuesday, 17 September 13

  32. Visually hierarchal Tuesday, 17 September 13

  33. Tuesday, 17 September 13

  34. Tuesday, 17 September 13

  35. Tuesday, 17 September 13

  36. Tuesday, 17 September 13

  37. Tuesday, 17 September 13

  38. Tuesday, 17 September 13

  39. Tuesday, 17 September 13

  40. Tuesday, 17 September 13

  41. Tuesday, 17 September 13

  42. Tuesday, 17 September 13

  43. Tuesday, 17 September 13

  44. Tuesday, 17 September 13

  45. Tuesday, 17 September 13

  46. Tuesday, 17 September 13

  47. Tuesday, 17 September 13

  48. Tuesday, 17 September 13

  49. Tuesday, 17 September 13

  50. Tuesday, 17 September 13

  51. Tuesday, 17 September 13

  52. Tuesday, 17 September 13

  53. Tuesday, 17 September 13

  54. Organic Tuesday, 17 September 13

  55. Tuesday, 17 September 13

  56. Tuesday, 17 September 13

  57. Pixel fitted Tuesday, 17 September 13

  58. Tuesday, 17 September 13

  59. Tuesday, 17 September 13

  60. Tuesday, 17 September 13

  61. Tuesday, 17 September 13

  62. Tuesday, 17 September 13

  63. Real feedback vs Data Watch out for signals Lesson #4

    Tuesday, 17 September 13

  64. Tuesday, 17 September 13

  65. Tuesday, 17 September 13

  66. Because the final result matters... Get real Lesson #5 Tuesday,

    17 September 13

  67. Public release 0 10 30 20 40 50 60 90

    70 80 DAYS PROGRESS Tuesday, 17 September 13

  68. Public release 0 10 30 20 40 50 60 90

    70 80 DAYS PROGRESS Design complete Tuesday, 17 September 13

  69. Public release 0 10 30 20 40 50 60 90

    70 80 DAYS PROGRESS Dev complete Design complete Tuesday, 17 September 13

  70. Public release 0 10 30 20 40 50 60 90

    70 80 DAYS PROGRESS Dev complete Design complete Tuesday, 17 September 13

  71. Tuesday, 17 September 13

  72. Real time JS errors A/B / Split testing User feedback

    Tuesday, 17 September 13

  73. Design & consistent communication can play a big role Building

    trust goes a long way Lesson #6 Tuesday, 17 September 13

  74. Trust markers & badges for hotels Tuesday, 17 September 13

  75. Tuesday, 17 September 13

  76. Tuesday, 17 September 13

  77. Tuesday, 17 September 13

  78. Tuesday, 17 September 13

  79. Tuesday, 17 September 13

  80. Tuesday, 17 September 13

  81. Tuesday, 17 September 13

  82. Tuesday, 17 September 13

  83. Tuesday, 17 September 13

  84. Tuesday, 17 September 13

  85. Tuesday, 17 September 13

  86. Tuesday, 17 September 13

  87. Tuesday, 17 September 13

  88. Tuesday, 17 September 13

  89. Tuesday, 17 September 13

  90. Tuesday, 17 September 13

  91. Expressway: Stored cards Tuesday, 17 September 13

  92. Expressway: Stored cards 15% bookings Tuesday, 17 September 13

  93. Makes up for less than 0.7% of traffic IE 6

    & 7 is a waste of time Lesson #7 Tuesday, 17 September 13

  94. Tuesday, 17 September 13

  95. The best quality & compression possible PNG 24 all the

    way Lesson #8 Tuesday, 17 September 13

  96. 656 x 450 pixels 88 kb Tuesday, 17 September 13

  97. Tuesday, 17 September 13

  98. Tuesday, 17 September 13

  99. Very large sprites could slow down your webpages Sprites -

    handle with care Lesson #9 Tuesday, 17 September 13

  100. 1px = 4 bytes in memory 500 x 800 =

    1.5 MB in Memory Tuesday, 17 September 13

  101. HTML 5 boilerplate, Modernizr HTML5 all the way Lesson #10

    Tuesday, 17 September 13

  102. 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

  103. Not all CSS3 properties need prefixes Be thoughtful about CSS

    prefixes Lesson #11 Tuesday, 17 September 13

  104. Caniuse.com Tuesday, 17 September 13

  105. Build your own framework Lesson #12 Tuesday, 17 September 13

  106. Doing it yourself... • learning • specific needs • evolve

    your own style Tuesday, 17 September 13

  107. Questions? @surdattack Sunit Singh Tuesday, 17 September 13