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

Redesigning Cleartrip - Lessons learnt

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
280
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.2k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
1
890
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
230
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
830
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
2.7k
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
720
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
190
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
180
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k

Featured

See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
333
24k
Crafting Experiences
Avatar for Bethany Jepchumba bethany
1
48
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
141
7.3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.2k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
140
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k

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