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

Redesigning Cleartrip - Lessons learnt

surdattack
September 05, 2013
Design
1
330

Redesigning Cleartrip - Lessons learnt

httpX by Big Rock

surdattack

September 05, 2013
Tweet

More Decks by surdattack

See All by surdattack
Building Cleartrip Mobile
surdattack
9
1.1k

Other Decks in Design

See All in Design
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン＆開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
170
WHAT ARE ME?
takuro_nakajima
PRO
0
1.2k
モデル・デザイン入門
akitsugu7935
0
460
マスとAIをなめらかにつなぐデザイン
abcmisuzu
0
240
3D空間を扱うUI表現とユーザビリティ
akinen
0
440
リリース1ヶ月後で機能をなくした話
hinofu
1
690
Designing UIs without a UI designer
strongeron
0
110
root Design Partnership Policy
root_recruit
0
3.9k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
620
TrollsTopia: Funtography- Part 1
kenijam
1
210

Featured

See All Featured
Robots, Beer and Maslow
schacon
PRO
155
7.9k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Teambox: Starting and Learning
jrom
128
8.4k
Web development in the modern age
philhawksworth
202
10k
Design by the Numbers
sachag
274
18k
Become a Pro
speakerdeck
PRO
10
4.5k
YesSQL, Process and Tooling at Scale
rocio
163
13k
What's new in Ruby 2.0
geeforr
337
31k
How STYLIGHT went responsive
nonsquared
92
4.8k
Clear Off the Table
cherdarchuk
83
310k

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