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

Redesigning Cleartrip - Lessons learnt

surdattack
September 05, 2013
Design
1
340

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
ENEOS社事例｜アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
100
SpectrumTokyoMeetup12_自動貯金アプリ『finbee』での取り組みについて
shihorishimazu
2
380
情報設計からのデザインアプローチ ～ユーザーの声を聞くよりも、もっとデータの声を聞け～
securecat
4
2.2k
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
220
エムスリー株式会社　デザイングループ紹介資料 / m3design-team-profile
m3designer
0
3.7k
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
2
200
【Designship 2024｜10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
470
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
770
202409_会社概要資料_Englishver.pdf
zakkerooni
0
200
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
490
Arborea Art Book
thebogheart
1
280
Night Shift (beginning sequence)
cpineda57
0
860

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
504
140k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
What's new in Ruby 2.0
geeforr
342
31k
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Code Reviewing Like a Champion
maltzj
519
39k
A Philosophy of Restraint
colly
203
16k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
770
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
37
1.8k
Facilitating Awesome Meetings
lara
49
6k
Designing Experiences People Love
moore
138
23k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
130k

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