-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
446 lines (422 loc) · 24.4 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Sandeep Supal</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<meta name='description' content='Helping brands and products tell their stories is what I’m most excited about. Over the last 10 years, I’ve helped shape creative tools at Adobe, Platform and B2B tools at Microsoft, and various brands, Portfolio, ux portfolio, designer. ux designer, product designer, user experience, user researcher, sandeep supal, supal, ui designer, designer portfolio'
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="msvalidate.01" content="4020FFE0F48D588072783ABB4432A459" />
<!-- <link rel="stylesheet" href="style.css" /> -->
<link rel="stylesheet" href="./SCSS/main.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="./script.js"></script>
<script>
(function(c, l, a, r, i, t, y) {
c[a] = c[a] || function() {
(c[a].q = c[a].q || []).push(arguments)
};
t = l.createElement(r);
t.async = 1;
t.src = "https://www.clarity.ms/tag/" + i + "?ref=bwt";
y = l.getElementsByTagName(r)[0];
y.parentNode.insertBefore(t, y);
})(window, document, "clarity", "script", "6tw3qryfo8");
</script>
</head>
<body>
<!-- <div class="headerNav">
<div class="logo">
<img src="./img/dhilan_logo.svg" width="32" alt="">
<span>sandeep</span>
</div>
<div class="centreNav">
<div class="leftCentre">
<span class="phoneNumber"> call me +91 - 8369035700</span><span>/</span><span class="email">[email protected]</span>
</div>
<div class="rightCentre">
<button class="secondary-btn">View Projects</button>
</div>
</div>
<div class="rightNav">
</div>
</div> -->
<div class="covid-meesage" style="display:none;">
<img src="./img/icon-health.png" alt="">
<p>Hey there! I hope you and your family/friends are keeping safe and healthy in the pandemic era. Let’s fight it together by following all the precautionary measures and win this battle.</p>
</div>
<div class="content">
<div class="intro">
<div class="leftColumn">
<div class="animationContainerWrapper">
<div class="animationContainerGradient"></div>
<div class="animationContainer">
<ul>
<li class="translate1">Design is a <span>language</span>, not a <span class="strikeText">style</span></li>
<li class="translate2">Design is a <span>culture</span>, not a <span class="strikeText">Process</span></li>
<li class="translate3">Design is a <span>emotion</span>, not a <span class="strikeText">transaction</span></li>
</ul>
</div>
</div>
<div class="experinece">
<div class="intoHeader">
<h4><span> </span>Experience & skills</h4>
</div>
<!-- <div class="intoContent">
Experience Design <i>|</i> Product Design <i>|</i> Interaction Design <i>|</i> UX Strategy Web Design <i>|</i> UX Research <i>|</i> User Testing
</div> -->
<div class="intoContent">
Experience Design <i>,</i> Product Design <i>,</i> Interaction Design <i>,</i> Design Strategy <i>,</i> UX Research <i>,</i> User Testing <i>,</i> Design Management <i>,</i> Consulting
</div>
</div>
<div class="awards">
<div class="intoHeader">
<h4><span> </span>Awards & recognition & skills</h4>
</div>
<div class="intoContent">
<ul>
<li>Pubcon Pro 2019 <span> - (Microsoft Bing)</span></li>
<li>Design4India<span> - Nasscom Initiative</span></li>
<li>Adobe Max Sneks <span> - (Adobe)</span></li>
<li>Adobe Global Hackathon 2016 <span> - (Adobe)</span></li>
<li>Customer Excellence <span> - (Adobe)</span></li>
<li>Spot Award - Design Innovation <span> - (SapientNitro)</span></li>
<li>Hall of Fame <span> - (Thomson Reuters)</span></li>
</ul>
</div>
</div>
<div class="buttons">
<button onclick="window.location.href='./projects.html'" class="view-projects">View projects</button>
<a href='./Sandeep_Supal_Design_Leader_Resume.pdf' target="_blank " class="download-btn">Download resume</a>
</div>
<div class="social ">
<ul>
<li><a href="https://www.linkedin.com/in/sandeepsupal/ " target="_blank ">LinkedIn</a></li>
<li><a href="https://github.com/sandeepsupal?tab=repositories" target="_blank">GitHub</a></li>
</ul>
</div>
</div>
<div class="rightColumn ">
<div class="intoHeader ">
<h4 style="margin-bottom:0px;">About me</h4>
</div>
<div class="name ">
<h2>SandeepSupal</h2>
</div>
<div class="desig ">
<span class="designation ">Director</span>
<span class="skill ">Product User Experience</span>
</div>
<div class="introText ">
<p>Experienced Product Leader with over <b>13+ yrs</b> working in the tech industry across the US and the APAC region, specializing in digital design and product strategy for the emerging markets and large scale enterprises.</p>
<p> I’m currently a Director, User Experience on the <a href="https://www.oracle.com" target="_blank">Oracle</a> in India. In my current role, I’m responsible for driving user experience consulting, managing design teams, and leading transformation projects for <a href="https://www.oracle.com/in/industries/" target="_blank">Oracle Industry Solutions</a>, with an aim to bring the state-of-the-art, consumer grade user experiences across devices to the sophisticated enterprise scenarios that Oracle enables.</p>
<p style="display:none;">I’ve helped shape creative tools at <a href="https://www.oracle.com/" target="_blank">Oracle</a>, Platform and B2B tools at <a href="https://www.microsoft.com/en-in" target="_blank">Microsoft</a>, and various brands. On this journey, I’ve contributed and led as a Designer and Engineer.
Prior to this, I was an experience designer for <a href="https://www.adobe.com/creativecloud.html" target="_blank">Creative Cloud</a> web. I contributed to products like <span>Adobe XD, Dreamweaver, Brackets, Edge Preview, and Flash</span>.
Before joining Adobe, I helped various brands by designing new products to meet people’s evolving digital lifestyles <a href="https://www.mastercard.us/en-us.html" target="_blank">MasterCard</a> | <a href="https://www.harley-davidson.com/us/en/index.html"
target="_blank">Harley Davidson</a> | <a href="https://www.coca-colacompany.com/" target="_blank">Coca Cola</a> | <a href="https://www.suninternational.com/" target="_blank">Sun International</a> | <a href="https://www.6jobs.com/working-with-us"
target="_blank">G6 Hospitality</a> | <a href="https://www.jeep.com/" target="_blank">JEEP</a> | <a href="https://www.mdanderson.org/" target="_blank">MD Anderson</a></p>
</div>
</div>
</div>
<h2 class="sectionHeader "> work</h2>
<div class="work ">
<a href="./projects.html#microsoft" class="workCard grad-blue current-Work" style="text-decoration: none; color: #212121;">
<div class="compLogo ">
<img height="50 " width="50 " src="./img/logo_microsoft.svg ">
</div>
<div class="compName ">
<h4>Microsoft</h4>
</div>
<div class="current-status ">
working on
</div>
<div class="projectTenure ">
<div class="status " style="visibility: hidden; ">
working on
</div>
<div class="tenure ">
3 years
</div>
</div>
<div class="projectDes ">
<ul>
<li>Bing Webmaster Tools</li>
<li>Microsoft Commerce</li>
<li>Webmaster Plugin</li>
<li>Microsoft Clarity</li>
</ul>
</div>
</a>
<a href="./projects.html#adobe" class="workCard" style="text-decoration: none; color: #212121;">
<div class="compLogo ">
<img height="50 " width="50 " src="./img/logo_adobe.svg ">
</div>
<div class="compName ">
<h4>Adobe Systems</h4>
</div>
<div class="projectTenure ">
<div class="status ">
worked on
</div>
<div class="tenure ">
5 years
</div>
</div>
<div class="projectDes ">
<ul>
<li>Adobe XD</li>
<li>Adobe Dreamweaver</li>
<li>Adobe Brackets</li>
<li>Adobe AEM</li>
</ul>
</div>
</a>
<a href="./projects.html#sapient" class="workCard" style="text-decoration: none; color: #212121;">
<div class="compLogo ">
<img height="auto " width="100 " src="./img/logo_sapient.svg ">
</div>
<div class="compName ">
<h4>SapientNitro</h4>
</div>
<div class="projectTenure ">
<div class="status ">
worked on
</div>
<div class="tenure ">
1 year
</div>
</div>
<div class="projectDes ">
<ul>
<li>MasterCard</li>
<li>HarleyDavidson</li>
<li>MD Anderson</li>
<li>Wegmans</li>
<li>JEEP <span class="gray-text ">+ 5 more</span></li>
</ul>
</div>
</a>
<a href="./projects.html#tr" class="workCard" style="text-decoration: none; color: #212121;">
<div class="compLogo ">
<img height="auto " width="60 " src="./img/logo_tr.svg ">
</div>
<div class="compName ">
<h4>Thomson Reuters</h4>
</div>
<div class="projectTenure ">
<div class="status ">
worked on
</div>
<div class="tenure ">
2 years
</div>
</div>
<div class="projectDes ">
<ul>
<li>Find Law</li>
<li>Westlaw</li>
</ul>
</div>
</a>
<a href="./projects.html#l2s" class="workCard" style="text-decoration: none; color: #212121;">
<div class="compLogo ">
<img height="auto " width="90 " src="./img/logo_l2s.svg ">
</div>
<div class="compName ">
<h4>L2S Training & HR Solutions</h4>
</div>
<div class="projectTenure ">
<div class="status ">
worked on
</div>
<div class="tenure ">
1 year
</div>
</div>
<div class="projectDes ">
<ul>
<li>Wordpress themes</li>
<li>Branding</li>
<li>Newsletter</li>
<li>Website Design</li>
</ul>
</div>
</a>
<a href="./projects.html#sapient" class="workCard" style="text-decoration: none; color: #212121;">
<div class="compLogo ">
<img height="60 " width="160 " src="./img/logo_freelance.svg ">
</div>
<div class="compName ">
<h4>Multiple Agencies</h4>
</div>
<div class="projectTenure ">
<div class="status ">
worked on
</div>
<div class="tenure ">
2+ years
</div>
</div>
<div class="projectDes ">
<ul>
<li>WheelStreet</li>
<li>LensKart</li>
<li>Housing</li>
<li>AmmisBiriyani</li>
</ul>
</div>
</a>
</div>
<h2 class="sectionHeader "> territory</h2>
<div class="territory ">
<div class="territoryCard grad-blue ">
<div class="textPart ">
<div class="icon i_interaction ">
<img height="auto " weight="32 " src="./img/icon_interaction.svg ">
</div>
<div class="territoryHeader ">
<h4>Interaction</h4>
</div>
<div class="territoryText ">
<p>Optimized UI/UX for digital products. Help business grow more</p>
</div>
<button class="comingSoon ">Coming Soon</button>
</div>
<div class="imagePart interaction ">
</div>
</div>
<div class="territoryCard grad-yellow ">
<div class="imagePart branding ">
</div>
<div class="textPart ">
<div class="icon i_branding ">
<img height="auto " weight="32 " src="./img/icon_branding.svg ">
</div>
<div class="territoryHeader ">
<h4>Branding</h4>
</div>
<div class="territoryText ">
<p>Build and activate brands through cultural insights & strategic vision.</p>
</div>
<a class="seeProjects " href="./branding.html">See Projects</a>
</div>
</div>
<div class="territoryCard grad-green ">
<div class="textPart ">
<div class="icon i_digital ">
<img height="auto " weight="32 " src="./img/icon_paint.svg ">
</div>
<div class="territoryHeader ">
<h4>Digital art</h4>
</div>
<div class="territoryText ">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<a class="seeProjects " href="./digitalart.html">See Projects</a>
</div>
<div class="imagePart digital ">
</div>
</div>
<div class="territoryCard grad-pink ">
<div class="imagePart photography ">
</div>
<div class="textPart ">
<div class="icon i_photography ">
<img height="auto " weight="32 " src="./img/icon_photography.svg ">
</div>
<div class="territoryHeader ">
<h4>Photography</h4>
</div>
<div class="territoryText ">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
</div>
<a class="seeProjects " href="./photography.html">See Projects</a>
</div>
</div>
<div class="testimony ">
<div class="comments ">
<div id="commentOne" class="comment selected ">I have worked with Sandeep for Bing Webmaster Tools product. Sandeep demonstrated deep design understanding and is able to adapt to varied user needs. Sandeep is also go to person for any design and UX explorations that needs to be done
with short turn around. Sandeep also has taken initiative to connect with industry influencers and users to effectively validate feature hypothesis. Apart from product specific design activities, Sandeep has helped the team in polishing
conference presentations and build the demos and videos that has helped in evangelizing BWT value prop internally and externally.
<div class="partner ">
<div class="partName ">Rohit Nargunde</div>
<div class="partPos ">Principal Program Manger</div>
</div>
</div>
<div id="commentTwo" class="comment ">Sandeep, I like your contributions in redesigning major features in Webmaster portal. In many design discussions I have noticed you exhibit a keen desire to understand the scope in detail, open to suggestions and do not hold back in
bringing forth your ideas. I appreciate your flexibility to change the UX designs and adapt quickly several times based on data discoveries or implementation complexity. All in all I believe you have played a crucial hand towards
launching the new Webmaster portal including a frenetic launch presentation and video which was very well received. I certainly hope to see similar and continued commitment in future iterations to help Bing Webmaster tools.
<div class="partner ">
<div class="partName ">Souri Challa</div>
<div class="partPos ">Senior Software Eng Manager</div>
</div>
</div>
<div id="commentThree" class="comment ">
Sandeep has led the redevelopment of Bing Webmaster Tools from the forefront. Being the first full time designer for the toolset in a long time he took the challenge head on and delivered on it. He made the efforts to understand the niche space, attended
sessions, asked relevant questions, attended conferences and interacted with the users to understand their needs and then made sure that all that flowed into the design of the product. He was not only involved in the design of
the tool but was involved in the feature ideation from the start as well.
<div class="partner ">
<div class="partName ">Nikunj Daga</div>
<div class="partPos ">Senior Manager</div>
</div>
</div>
<div id="commentFour" class="comment ">Sandeep is one of the best UX/UI designer I have worked with. His knowledge is not limited to designing, he has good understanding of technology for implementing it as well. Imagination at its best is all I can say when it come to his
designs. I hope to work with Sandeep again in the future and highly recommend him.
<div class="partner ">
<div class="partName ">Abhishek Kumar</div>
<div class="partPos ">Thought Leader | Multi Solution Architect</div>
</div>
</div>
</div>
<div class="people">
<img id="One" class="peoplePic selected " src="./img/photo_rohit.jpeg" alt="Rohit">
<img id="Two" class="peoplePic " src="./img/photo_souri.jpeg" alt="Souri">
<img id="Three" class="peoplePic " src="./img/photo_nikunj.jpeg" alt="Nikunj">
<img id="Four" class="peoplePic " src="./img/photo_abhishek.jpeg" alt="Abhishek">
</div>
</div>
</div>
<div class="territory chat-section ">
<div class="territoryCard grad-blue ">
<div class="textPart ">
<div class="work-enq ">Work Inquiry</div>
<p>Let’s work together and I’ll help you by all my best</p>
</div>
<div class="imagePart ">
<button class="lets-chat ">Let's Chat</button>
</div>
</div>
</div>
<div class="territory contact-section ">
<div class="territoryCard ">
<div class="stay-conn ">Stay Connected</div>
<div class="addr ">Hyderabad, India</div>
<div class="email ">[email protected]</div>
<img src="./img/namaste_dhilan.svg " alt=" ">
</div>
</div>
</div>
<div class="mobile-content">
<div class="name ">
<div class="grad-red"> <span>Well, My mobile view is still work in progress, Sincere Apologies! Please use a laptop or a device <b>more than 1024px viewport</b> width for now. Thank you for your patience. <br>I really appreciate it</span></div>
<h1>Sandeep<br/> Supal</h1>
</div>
<div class="desig ">
<span class="designation ">Director</span>
<span class="skill ">Product & User Experince</span>
</div>
<div class="introText ">
<p>Helping brands and products tell their stories is what I’m most excited about. Over the last <span>10 years</span>, I’ve helped shape creative tools at <a href="https://www.adobe.com/in/" target="_blank">Adobe</a>, <a href="https://www.microsoft.com/en-in"
target="_blank">Microsoft</a>, and various brands. On this journey, I’ve contributed and led as a Designer and Engineer.</p>
<p> I’m currently a Senior Design Manager on the <a href="https://www.microsoft.com/en-in" target="_blank">Microsoft</a> design team in India. In my current role, I’m responsible for leading a team of product managers focused on <a href="https://www.bing.com/webmasters"
target="_blank">Bing Webmaster Tools</a> to help webmasters and offer more helpful insights and simplified workflows to learn and understand the world of Search and SEO.</p>
<p>Prior to this, I was an experience designer for <a href="https://www.adobe.com/creativecloud.html" target="_blank">Creative Cloud</a> web. I contributed to products like <span>Adobe XD, Dreamweaver, Brackets, Edge Preview, and Flash</span>.
Before joining Adobe, I helped various brands by designing new products to meet people’s evolving digital lifestyles <a href="https://www.mastercard.us/en-us.html" target="_blank">MasterCard</a> | <a href="https://www.harley-davidson.com/us/en/index.html"
target="_blank">Harley Davidson</a> | <a href="https://www.coca-colacompany.com/" target="_blank">Coca Cola</a> | <a href="https://www.suninternational.com/" target="_blank">Sun International</a> | <a href="https://www.6jobs.com/working-with-us"
target="_blank">G6 Hospitality</a> | <a href="https://www.jeep.com/" target="_blank">JEEP</a> | <a href="https://www.mdanderson.org/" target="_blank">MD Anderson</a></p>
</div>
</div>
</body>
</html>