Repository navigation
Expand file tree
/
Copy pathcontact.html
More file actions
392 lines (318 loc) · 18.7 KB
/
Copy pathcontact.html
File metadata and controls
392 lines (318 loc) · 18.7 KB
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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" class=" no-touch is-desktop ">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Contact — Pranshu Kumar Chaudhary</title>
<meta name="description" content="Get in touch with Pranshu Kumar Chaudhary — Interaction Designer and Speculative Designer open to collaborations, research partnerships and conversations. pranshu@poetics.studio">
<meta name="keywords" content="Pranshu Kumar Chaudhary, contact, hire interaction designer, speculative design collaboration, poetics studio, UX designer India">
<meta name="author" content="Pranshu Kumar Chaudhary">
<meta name="robots" content="index, follow">
<link rel="author" href="https://www.linkedin.com/in/pranshu101/">
<link rel="canonical" href="https://wittywit.com/contact.html">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Pranshu Kumar Chaudhary">
<meta property="og:title" content="Contact — Pranshu Kumar Chaudhary">
<meta property="og:description" content="Get in touch with Pranshu Kumar Chaudhary — Interaction Designer and Speculative Designer open to collaborations, research partnerships and conversations.">
<meta property="og:url" content="https://wittywit.com/contact.html">
<meta property="og:image" content="https://wittywit.com/files/Speculative.webp">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@createitwitty">
<meta name="twitter:creator" content="@createitwitty">
<meta name="twitter:title" content="Contact — Pranshu Kumar Chaudhary">
<meta name="twitter:description" content="Get in touch with Pranshu Kumar Chaudhary — Interaction Designer and Speculative Designer open to collaborations and conversations.">
<meta name="twitter:image" content="https://wittywit.com/files/Speculative.webp">
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://wittywit.com/#pranshu","name":"Pranshu Kumar Chaudhary","url":"https://wittywit.com","sameAs":["https://www.linkedin.com/in/pranshu101/","https://www.instagram.com/createitwitty/","https://poetics.studio","https://poeticsofordinary.com","https://github.com/wittywit/"],"email":["pranshu@poetics.studio","kumarpranshu.work@gmail.com","pkch101@gmail.com"],"jobTitle":"Interaction Designer, Speculative Designer & Researcher","knowsAbout":["Interaction Design","User Experience Design","Speculative Design","Design Fiction","Design Research","E-textiles","Wearable Technology","Kinetic Sculpture","Craft and Making","Rapid Prototyping","Human-Computer Interaction","Augmented Reality","Smart Textiles","Design Philosophy"],"worksFor":{"@type":"Organization","name":"Poetics Studio","url":"https://poetics.studio"}},{"@type":"WebPage","url":"https://wittywit.com/contact.html","name":"Contact — Pranshu Kumar Chaudhary","description":"Contact Pranshu Kumar Chaudhary.","author":{"@id":"https://wittywit.com/#pranshu"}}]}</script>
<link rel="apple-touch-icon" sizes="57x57" href="https://wittywit.com/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://wittywit.com/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://wittywit.com/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://wittywit.com/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://wittywit.com/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://wittywit.com/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://wittywit.com/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://wittywit.com/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://wittywit.com/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://wittywit.com/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://wittywit.com/">
<link rel="icon" type="image/png" sizes="96x96" href="https://wittywit.com/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://wittywit.com/favicon-16x16.png">
<link href="./files/css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./files/common.css">
<link rel="stylesheet" type="text/css" href="./files/sm-clean.css">
<link href="./files/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-63681583-1', 'auto');
ga('send', 'pageview');
</script>
<style id="fit-vids-style">.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}</style></head>
<style>
#slider, ul
{
height: 200px;
}
#slider
{
margin: auto;
overflow: hidden;
padding: 20px;
margin-top: 50px;
position: relative;
width: 600px;
}
#slider li
{
float: left;
position: relative;
width: 600px;
display: inline-block;
height: 200px;
}
#slider ul
{
list-style: none;
position: absolute;
left: 0px;
top: 0px;
width: 9000px;
transition: left .2s linear;
-moz-transition: left .2s linear;
-o-transition: left .2s linear;
-webkit-transition: left .2s linear;
margin-left: -25px;
font-family: open sans;
color: #666;
}
/*** Content ***/
.slider-container
{
color:#000;
margin: 0 auto;
padding: 0;
width: 550px;
min-height: 180px;
text-align:center;
}
.slider-container h2
{
color: #fff;
}
.slider-container p
{
margin: 10px 25px;
font-weight: semi-bold;
line-height: 150%;
}
/*** target hooks ****/
@-webkit-keyframes slide-animation {
0% {opacity:0;}
2% {opacity:1;}
20% {left:0px; opacity:1;}
22.5% {opacity:0.6;}
25% {left:-600px; opacity:1;}
45% {left:-600px; opacity:1;}
47.5% {opacity:0.6;}
50% {left:-1200px; opacity:1;}
70% {left:-1200px; opacity:1;}
72.5% {opacity:0.6;}
75% {left:-1800px; opacity:1;}
95% {opacity:1;}
98% {left:-1800px; opacity:0;}
100% {left:0px; opacity:0;}
}
#slider ul
{
-webkit-animation: slide-animation 30s infinite;
}
#slider ul:hover
{
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused;
}
</style>
<body class="page">
<div class="doc-loader" style="display: none;"></div>
<div class="menu-wraper center-relative">
<div class="menu-holder">
<div class="menu-left-part">
<div class="menu-left-text">
Good People <br>Great Experiences documented. Read about my <a href="https://wittywit.com/absurdity.html">working philosophy</a> or you can simply <a href="https://wittywit.com/contact.html">write to me</a>
</div>
</div>
<div class="menu-right-part">
<nav id="header-main-menu" class="big-menu">
<ul class="main-menu sm sm-clean">
<li><a href="https://wittywit.com/index.html">Home</a></li>
<li><a href="https://wittywit.com/digital.html">UX-Casestudies</a></li>
<li><a href="https://wittywit.com/speculation.html">Speculations</a></li>
<li><a href="https://wittywit.com/research.html">Research</a></li>
<li><a href="https://wittywit.com/things.html">Things</a></li>
<li><a href="https://wittywit.com/contact.html">Contact</a></li>
</ul>
</nav>
<div class="menu-portfolio-category">
<p class="portfolio-category">
<a href="https://www.youtube.com/channel/UCN_drtetGn9iNgnutLs0fog" target="_blank">Youtube</a>
<a href="https://www.instagram.com/createitwitty/" target="_blank">Instagram</a>
<a href="https://github.com/wittywit/" target="_blank">Github</a>
<a href="https://www.twitch.tv/createitpranshu" target="_blank">Twitch</a>
<a href="mailto:kumarpranshu.work@gmail.com" target="_blank">Email</a>
</p>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="header-holder center-relative relative content-1140">
<div class="header-logo center-text">
<a href="https://wittywit.com/#"><h1 class="total-posts"> Pranshu</h1></a>
</div>
<div class="toggle-holder absolute">
<div id="toggle" class="">
<div class="first-menu-line"></div>
<div class="second-menu-line"></div>
<div class="third-menu-line"></div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="content" class="site-content">
<div class="content-945 center-relative">
<div class="one_third ">
<div class="info-code ">
<p class="info-code-title">Creative technologist, independent researcher.</p>
<p class="info-code-content"></p>
</div>
<div class="info-code ">
<p class="info-code-title">Research Interest</p>
<p class="info-code-content">Subconscious Mind, Movement studies, Smart material, Edge computing, Daily rituals</p>
</div>
<div class="info-code ">
<p class="info-code-title">Based out of</p>
<p class="info-code-content">India</p>
</div>
</div>
<div class="two_third last ">
I am a creative technologist and a playful futurist.<br>
A designer and researcher, my interest lies in the areas of technology and its creative, non-intrusive applications,focusing on the critical discussion of technology and its impact on society.
Actively involved in combining physical computing tools with storytelling methods. My work revolves around the appropriateness of technology in the context.<br>
I like to use the observations around daily mundane rituals and exhagerate them using the absurdity to bring out what would have been hidden within the layers of hyper-normalisation. As an exercise inspired by <em>'Alice in Wonderland'</em> I try to imagine and believe in upto 6 impossible absurdities daily and docuement them.
</div>
<div class="clear"></div>
<br>
</div>
<div class="box-page-width content-1140 center-relative">
<img class="aligncenter" src="./files/studio.webp" alt="">
</div>
<div class="content-945 center-relative">
<br>
<!-- <script>
var textslider_speed = "2000";
var textslider_auto = "true";
var textslider_hover = "true";
var textslider_dots = "true";
</script>
<div class="testimonial-slider-holder relative ">
<div id="textslider" class="testimonial-slider slider slick-initialized slick-slider slick-dotted" role="toolbar">
<div aria-live="polite" class="slick-list" style="height: 129px;"><div class="slick-track" role="listbox" style="opacity: 1; width: 1950px;"><div class="testimonial-content slick-slide" data-slick-index="0" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide00" style="width: 650px; position: relative; left: 0px; top: 0px; z-index: 998; opacity: 0; transition: opacity 750ms ease 0s;">
The goal of a designer is to listen, observe, understand, sympathize, empathize, synthesize, and glean insights that enable him or her to make the invisible visible
</div><div class="testimonial-content slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01" style="width: 650px; position: relative; left: -650px; top: 0px; z-index: 998; opacity: 0; transition: opacity 750ms ease 0s;">
What if the buildings can smell? Would it lead to more terrace gardens?<br>
</div><div class="testimonial-content slick-slide slick-current slick-active" data-slick-index="2" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide02" style="width: 650px; position: relative; left: -1300px; top: 0px; z-index: 999; opacity: 1;">
If the moon was pink and earth had just two colors grey and red, how would the smile of Monalisa look on a full moon night.<br>
</div></div></div>
<ul class="slick-dots" style="display: block;" role="tablist"><li class="" aria-hidden="true" role="presentation" aria-selected="true" aria-controls="navigation00" id="slick-slide00"><button type="button" data-role="none" role="button" tabindex="0">1</button></li><li aria-hidden="true" role="presentation" aria-selected="false" aria-controls="navigation01" id="slick-slide01" class=""><button type="button" data-role="none" role="button" tabindex="0">2</button></li><li aria-hidden="false" role="presentation" aria-selected="false" aria-controls="navigation02" id="slick-slide02" class="slick-active"><button type="button" data-role="none" role="button" tabindex="0">3</button></li></ul></div>
</div>. -->
<div id="slider">
<ul>
<li>
<div class="slider-container">
<p>“The goal of a designer is to listen, observe, understand, sympathize, empathize, synthesize, and glean insights that enable him or her to make the invisible visible” </p>
</div>
</li>
<li>
<div class="slider-container">
<p>“What if the buildings can smell? Would it lead to more terrace gardens?” <br></p>
</div>
</li>
<li>
<div class="slider-container">
<p>“If the moon was pink and earth had just two colors grey and red, how would the smile of Monalisa look on a full moon night.” <br></p>
</div>
</li>
<li>
</ul>
</div>
<br>
<div class="two_third ">
I am trying to base my work in the domains of anthropology, material science, and robotics( code + electronics).
Asking small questions that may have varied levels of impact.<br>
In the past I have worked as Senior Interaction Designer with ValueLabs UXG.
I hold a masters in New Media Design from National Institute of Design, India, and a bachelors degree in Mechanical Enineering. <br>
I am interested in rapid prototyping and doing applied research.
I have colaborated with researchers and entreprenuers to develop products POC and MVP's.
<br>On the right see some of my other projects.<br>
</div>
<div class="one_third last ">
<h3> Other Projects </h3>
<div class="progress_bar ">
<div class="progress_bar_title"><a href="http://trackyourpoop.com/" target="_blank">TrackYourPoop</a></div>
<div class="progress_bar_field_holder">
<div class="progress_bar_field_perecent" style="width:100%;"></div>
</div>
</div>
<div class="progress_bar ">
<div class="progress_bar_title"><a href="https://projectbindu.in/" target="_blank">Project BINDU</a></div>
<div class="progress_bar_field_holder">
<div class="progress_bar_field_perecent" style="width:100%;"></div>
</div>
</div>
<div class="progress_bar ">
<div class="progress_bar_title"><a href="https://wittywit.com/momome/" target="_blank">MOMOME</a></div>
<div class="progress_bar_field_holder">
<div class="progress_bar_field_perecent" style="width:100%;"></div>
</div>
</div>
<div class="progress_bar ">
<div class="progress_bar_title"><a href="http://poeticsofordinary.com/" target="_blank">Poetics of Ordinary</a></div>
<div class="progress_bar_field_holder">
<div class="progress_bar_field_perecent" style="width:100%;"></div>
</div>
</div>
</div><div class="clear"></div>
</div>
</div>
<!--Footer-->
<footer class="footer">
<div class="footer-content content-1140 center-relative">
<div class="footer-text">
<p class="footer-first-line">
<a href="https://calendly.com/wittywit/30min" target="_blank">Schedule a call</a>
</p>
<p class="footer-second-line">
or drop me a DM on <a href="https://www.linkedin.com/in/pranshu101/">Linkedin</a> :)
</p>
</div>
<ul class="copyright-holder">
<li class="copyright-footer">
© 2021 Pranshu
</li>
<!-- <li class="social-footer">
</li> -->
</ul>
</div>
</footer>
<script type="text/javascript" src="./files/jquery.min.js"></script>
<script type="text/javascript" src="./files/jquery.fitvids.js"></script>
<script type="text/javascript" src="./files/jquery.smartmenus.min.js"></script>
<script type="text/javascript" src="./files/imagesloaded.pkgd.js"></script>
<script type="text/javascript" src="./files/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="./files/main.js"></script>
</body></html>