-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·832 lines (789 loc) · 49.9 KB
/
index.html
File metadata and controls
executable file
·832 lines (789 loc) · 49.9 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
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
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Darshana Sivakumar's website</title>
<!-- Bootstrap Core CSS - Uses Bootswatch Flatly Theme: http://bootswatch.com/flatly/ -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/freelancer.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body id="page-top" class="index">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="hidden">
<a href="#page-top"></a>
</li>
<li class="page-scroll">
<a href="#portfolio">Work</a>
</li>
<li class="page-scroll">
<a href="#about">About</a>
</li>
<li class="page-scroll">
<a href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<!-- Header -->
<header>
<div class="container">
<div class="row">
<div class="col-lg-12">
<img class="img-responsive" src="img/profile.png" alt="" width="350" height="350">
<div class="intro-text">
<span class="name">Hi, I'm Darshana Sivakumar</span>
<span class="skills">I'm a product manager with a deep passion in machine learning, big data, and UX design</span>
</div>
</div>
</div>
</div>
</header>
<!-- Portfolio Grid Section -->
<section id="portfolio">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Work</h2>
<hr class="star-primary">
<h5>Sample of the work I've done outside my day job</h5>
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/hci.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/linkedin.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/behance.png" class="img-responsive" alt="">
</a>
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal4" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/leadership.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal5" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/medistory.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal6" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/code.png" class="img-responsive" alt="">
</a>
</div>
</div>
<div class="row">
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal7" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/showcase.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal8" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/marketingresearch.png" class="img-responsive" alt="">
</a>
</div>
<div class="col-sm-4 portfolio-item">
<a href="#portfolioModal9" class="portfolio-link" data-toggle="modal">
<div class="caption">
<div class="caption-content">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img src="img/portfolio/quiz.png" class="img-responsive" alt="">
</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section class="success" id="about">
<div class="container">
<header>
<div class="row">
<div class="col-lg-12">
<h2>About</h2>
<hr class="star-light">
<img class="img-responsive" src="img/profile.png" alt="" width="236" height="236">
</div>
</div>
</header>
<div class="row">
<div class="col-lg-4 col-lg-offset-2">
<p>I am passionate about technology, data, design, entrepreneurship, startups and social innovation.</p>
<p>I received an MS in Software Management from Carnegie Mellon Silicon Valley - a program that encompasses product innovation, entrepreneurship, and management. I am interested in product management, user experience design and software development. I have done certified coursework in Human-Centered Design for Social innovation and Human-Computer Interaction.</p>
</div>
<div class="col-lg-4">
<p>For fun, I enjoy doing design and artwork, some samples of which can be found at <a href="https://www.behance.net/darshanasivakumar">behance.net/darshanasivakumar</a>. I also enjoy reading (anything - from tech trends to fiction), traveling and playing ultimate frisbee.</p>
<p>I also write a little bit, and you can read my ramblings at <a href="https://www.medium.com/@darshanasivakumar"> medium.com/@darshanasivakumar </a>.</p>
<p>I'm currently a Senior Product Manager (Technical) at Amazon Web Services, where I work on machine learning products. I also have work experience at Goldman Sachs, Groupon and an ed-tech startup in India called Classle. </p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Contact Me</h2>
<hr class="star-primary">
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
<!-- The form should work on most web servers, but if the form is not working you may need to configure your web server differently. -->
<form name="sentMessage" id="contactForm" novalidate>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Name</label>
<input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Email Address</label>
<input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Phone Number</label>
<input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="row control-group">
<div class="form-group col-xs-12 floating-label-form-group controls">
<label>Message</label>
<textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="row">
<div class="form-group col-xs-12">
<button type="submit" class="btn btn-success btn-lg">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center">
<div class="footer-above">
<div class="container">
<div class="row">
<div class="footer-col col-md-12">
<h3>Around the Web</h3>
<ul class="list-inline">
<li>
<a href="https://twitter.com/__darshana__" class="btn-social btn-outline"><i class="fa fa-fw fa-twitter"></i></a>
</li>
<li>
<a href="https://www.linkedin.com/in/darshana-sivakumar-78053160" class="btn-social btn-outline"><i class="fa fa-fw fa-linkedin"></i></a>
</li>
<li>
<a href="https://www.behance.net/darshanasivakumar" class="btn-social btn-outline"><i class="fa fa-fw fa-behance"></i></a>
</li>
<li>
<a href="https://github.com/darshanasivakumar" class="btn-social btn-outline"><i class="fa fa-fw fa-github"></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="footer-below">
<div class="container">
<div class="row">
<div class="col-lg-12">
Copyright © Darshana Sivakumar 2016
</div>
</div>
</div>
</div>
</footer>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-top page-scroll visible-xs visible-sm">
<a class="btn btn-primary" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Portfolio Modals -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Hyundai App</h2>
<hr class="star-primary">
</div>
<p>Hyundai Shield is is an Apple watch app designed for Hyundai owners. This app reacts to users' location, behavior and context to help save time and money, and give peace of mind. This project was part of my coursework for Human-Computer Ineraction at Carnegie Mellon University.</p>
<p>Team size: 5</p>
<p><b>My Role</b>
<ul class="modal-list">
<li>Created persona for the app based on user research and interviews with Hyundai car owners.</li>
<li>Documented pain points from user research and prioritized them using a prioritization matrix.</li>
<li>Brainstormed solutions for the top problems identified.</li>
<li>Documented use cases for the ideal solution. Created a storyboard for the problem and ideal solution.</li>
<li>Created low-fidelity wireframes for the use-cases.</li>
<li>Validated low-fidelity mockups with users to receive early feedback.</li>
<li>Re-iterated and made high-fidelity mockups.</li>
</ul>
</p>
<p><b>Skills</b>
<ul class="modal-list">
<li>Contextual Inquiry</li>
<li>Persona creation</li>
<li>Building Scenarios</li>
<li>Storyboarding</li>
<li>Wireframing</li>
<li>Prototyping</li>
</ul>
</p>
<p><b>Sample Work</b>
</p>
<p>
The user we reached out to for formative research were economical, Asian-car owners, who also owned Apple products.
<img src="img/portfolio/HCI/TargetCustomer_HCI.png" class="img-responsive img-centered" alt="">
Formative research taught us that our target users cared most about value for money.
<img src="img/portfolio/HCI/Research_HCI.png" class="img-responsive img-centered" alt="">
We created a persona, James Williams for our product, based on the findings of primary research. This helped focus our solution on his needs.
<img src="img/portfolio/HCI/Persona_HCI.png" class="img-responsive img-centered" alt="">
Having a singl value proposition helped us propose the solution for a minimum viable product, and not get distrcted by feature creap.
<img src="img/portfolio/HCI/Value_Proposition_HCI.png" class="img-responsive img-centered" alt="">
Here's the storyboard for the problem identified.
<img src="img/portfolio/HCI/Storyboard_Problem.png" class="img-responsive img-centered" alt="">
Here's the storyboard for the solution proposed.
<img src="img/portfolio/HCI/Storyboard_Solution.png" class="img-responsive img-centered" alt="">
Here are some screens of the high-fidelity mockups.
<img src="img/portfolio/HCI/UX1.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/HCI/UX2.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/HCI/UX3.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/HCI/UX4.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/HCI/UX5.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/HCI/UX6.png" class="img-responsive img-centered" alt="">
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Study of Linkedin</h2>
<hr class="star-primary">
</div>
<p>Study of Linkedin is a report on Linkedin's target market, financial health and business strategy based on historical data, as well as a two-year prognosis into the future. This study was a part of my coursework done for Foundations of Software Management at Carnegie Mellon University.</p>
<p>Team size: 5</p>
<p><b>My Role</b>
<ul class="modal-list">
<li>Assessed a software company from a business perspective. Used methos such as SWOT and PESTLE.</li>
<li>Performed secondary research from reliable sources, including Gartner.</li>
<li>Applied strategic thinking to analysis of this information.</li>
<li>Analyzes financial status and trends of Linkedin. Discussed profitability in terms of standard ratios (ROA, ROE, EPS, operating margin) and drew conclusions on business health</li>
<li>Characterized software business by market strategy and execution approaches.</li>
<li>Identified a two-year desired state for the business.</li>
</ul>
</p>
<p><b>Skills</b>
<ul class="modal-list">
<li>Secondary research</li>
<li>Product strategy</li>
<li>Financial analysis</li>
<li>Business prognosis</li>
</ul>
</p>
<p><b>Sample Work</b>
</p>
<p>
Check out the slides for our final project presentation here: <a href="https://drive.google.com/file/d/0Bx0VtPvkpCqQRnBwZ1ZncDd5RG8/view?usp=sharing">Study of Linkedin</a>.
</br></br>
Here is a snippet of SWOT analysis.
<img src="img/portfolio/Linkedin/Strength.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Linkedin/Weakness.png" class="img-responsive img-centered" alt="">
Here are some snippets of the financial analysis data I gathered.
<img src="img/portfolio/Linkedin/1.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Linkedin/2.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Linkedin/3.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Linkedin/4.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Linkedin/5.png" class="img-responsive img-centered" alt="">
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Art and Design on Behance</h2>
<hr class="star-primary">
</div>
<p>
Check out my design portfolio on Behance: <a href="https://www.behance.net/darshanasivakumar">Darshana's Design Portfolio</a>.
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Leadership Infographic: The Leadership Challenge</h2>
<hr class="star-primary">
</div>
<p>
Here is the infographic on "The Ideal Leader" I created. I worked with a team of 4 other members on the contents of the infographic. This was part of coursework for Leadership Challenge course at Carnegie Mellon University.
</br></br>
<img src="img/portfolio/Leadership/IdealLeader.png" class="img-responsive img-centered" alt="">
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Medistory - Technovation Challenge 2014</h2>
<hr class="star-primary">
</div>
<p>
I'm very passionate about empowering women in technology. While I was in India, I mentored a group of schoolgirls in Bangalore to create an Android app prototype for an internation competition called <a href="http://www.technovationchallenge.org/">Technovation Challenge</a>. We were asked to create an android app prototype for a social/healthcare-related cause. After a lot of brainstorming, we decided to create an app to help users store medical prescriptions and interact with doctors remotely.
</br></br>
Here's a video of the product pitch created by my team.
<iframe class="video" width="700" height="400" src="https://www.youtube.com/embed/Guc5Qm90k14?rel=0" frameborder="0" allowfullscreen></iframe>
</br>
Here's a video of the product demo.
<iframe class="video" width="700" height="400" src="https://www.youtube.com/embed/BWFdTF_q-hc?rel=0" frameborder="0" allowfullscreen></iframe>
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Code Academy - Codebits</h2>
<hr class="star-primary">
</div>
<p>
The intersection of computer science and art fascinates me a great deal. Here's some of my tech art-work : <a href="https://www.codecademy.com/Darshana10/codebits">Darshana's Codebits</a>.
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal7" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Showcase</h2>
<hr class="star-primary">
</div>
<p>
Showcase is a platform to organize, showcase and discover research knowledge. I worked on this project with a team of 4 others as part of my Capstone Project at Carnegie Mellon University.
</br></br>
Problem Statement:
<ul class="modal-list">
<li>Showcasing research knowledge on specific areas of interest is difficult.</li>
<li>Discovering people with deep interest in specific areas of interest and their depth of understanding is difficult.</li>
</ul>
</br>
</p>
<p>
Solution:
<ul class="modal-list">
<li>A social platform to build the repository of research based knowledge resources to showcase your passion and understanding on top 3 areas of interest and to discover people with deep interest in different areas</li>
</ul>
</br>
</p>
<p>
High Fidelity Mockups:
<img src="img/portfolio/Showcase/1.png" class="img-responsive img-centered" alt="">
App creation process:
<img src="img/portfolio/Showcase/2.png" class="img-responsive img-centered" alt="">
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal8" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>A Study of Silicon Valley Perks in Technology Companies</h2>
<hr class="star-primary">
</div>
<p>The purpose of this study was to perform market research on the perks in technology companies in Bay Area that are most useful for retention of talent. This project was part of my coursework for Marketing Research at Carnegie Mellon University.</p>
<p>Team size: 4</p>
<p><b>My Role</b>
<ul class="modal-list">
<li>Identified a research problem of personal interest that would benefit the broader Silicon Valley and CMU community.</li>
<li>Performed secondary research on the topic of perks.</li>
<li>Performed formative research on potential interview-takers on the topic.</li>
<li>Created a survey that was improved over few iterations.</li>
<li>Recruited participants to take the survey.</li>
<li>Collected survey feedback and consolidated results.</li>
<li>Created an infographic of the results obtained to summarize findings in a nutshell.</li>
</ul>
</p>
<p><b>Skills</b>
<ul class="modal-list">
<li>Contextual Inquiry</li>
<li>Persona creation</li>
<li>Building Scenarios</li>
<li>Storyboarding</li>
<li>Wireframing</li>
<li>Prototyping</li>
</ul>
</p>
<p><b>Sample Work</b>
</p>
<p>
Here's a sample snapshot of the survey.
<img src="img/portfolio/Survey/Sample.png" class="img-responsive img-centered" alt="">
A total of 87 participants took our survey. They worked at companies of all sizes.
<img src="img/portfolio/Survey/1.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/2.png" class="img-responsive img-centered" alt="">
Here are our learnings of the research.
<img src="img/portfolio/Survey/3.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/4.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/5.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/6.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/7.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/8.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/9.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/10.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/Survey/11.png" class="img-responsive img-centered" alt="">
I summarized our research using this infographic below.
<img src="img/portfolio/Survey/MarketingResearchInfograph-SiliconValleyPerks.png" class="img-responsive img-centered" alt="">
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="portfolio-modal modal fade" id="portfolioModal9" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-content">
<div class="close-modal" data-dismiss="modal">
<div class="lr">
<div class="rl">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2">
<div class="modal-body">
<div class="col-lg-12 text-center">
<h2>Translation Game for Duolingo</h2>
<hr class="star-primary">
</div>
<p>
I conceptualized a new feature for a popular product called Duolingo. Here are details of the product and my feature proposal.
<ul>
</br></br>
<b>Introduction to Duolingo</b>
</br>
Duolingo is a leading free language-learning platform that offers language courses across 23 different languages. It caters to over 100 million users and is available on desktop, iOS, android and windows platforms. The platform is ad-free and utilizes a crowdsourced business model where users participate in translation and voting on translations. Organizations pay Duolingo to have content translated.
</br></br>
<b>Opportunities for Improvement</b>
</br>
I have tried using Duolingo and believe it’s a great platform to learn a new language. I love Duo, the owl mascot that asks me to take up lessons everyday. I love the fact that I can add friends and challenge them to compete with me for points. However, in spite of all these hooks to come back to the platform everyday, I find myself slipping away because I don’t prioritize language learning over other activities on a day to day basis. This is because I am not compelled to learn a language as a part of course requirements in school. I am doing it for my own sake, and I lack the motivation to set aside time everyday to learn. However, I still seem to find the time to play games on my mobile phone and browse social media on a daily basis. I believe Duolingo can leverage the human attitude of postponing tasks vs engagement with real-time interactions to create an engaging translation game experience for users.
</br></br>
<b>Feature: Play Translation Quiz Game with Friends & Other Duolingo Members</b>
</br>
I believe Duolingo can use gamification to make me engage with the platform every single day. It would be great if I could play a translation game real-time with my friends. Even if my friends are not available, I could play the game with any other user on the platform. This feature is different from the feature of challenging my friends to reach a goal because it’s much more real time - I am in the moment, competing with my friends. Also, I often set goals like New Year Resolutions that I don’t follow very meticulously. This feature however, is not about setting a goal and working on it later. It’s about practising more right now.
</br></br>
<b>Objectives</b>
</br>
<li>Improve user engagement: To ensure that users spend more time translating words/sentences on Duolingo.</li>
<li>Improve user delight: To ensure that learning is made more fun through a game-like experience.</li>
<li>Improve speed/quantity of translation: To ensure that users spend more time on Duolingo paying quizzes and in turn, translating sentences. This will result in quicker translations of articles.</li>
<li>Attract new users to the platform: This feature is to serve as a bait to attract users who enjoy playing games in general, and are not necessarily on the platform to learn a new language. This may include experts in a language who want to just have some fun.</li>
</br></br>
<b>Storyboard:</b>
Use case : Sarah challenges her friend Tony to a medium level French quiz on Duolingo.
</br>
<img src="img/portfolio/quiz/1.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/quiz/2.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/quiz/3.png" class="img-responsive img-centered" alt="">
</br></br>
<b>Feature Set</b>
</br>
This feature enables users on Duolingo to play a translation game with friends and other users of the platform. The following are the requirements of the feature:
</br>
<ul>
<li>A user can initiate a quiz in any language.</li>
<li>User can choose the level of the quiz. There are three levels for each quiz - easy, medium and hard.</li>
<li>User can choose to play the quiz with a known friend or any other user.</li>
<ul>
<li>If user chooses to play with a known friend
<ul>
<li>User selects specific friend for challenge</li>
<li>Friend gets a notification about the request</li>
<li>Friend can accept (now or later) or decline challenge</li>
</ul>
</li>
<li>
If user chooses to play with any random user
(User is matched to any user who has initiated quiz with same language and level)
</li>
<li>
If no one is available to take up challenge, user is shown a message saying “We’ll notify you as soon as we have matched a player for you.”
(In the case of the native mobile app, push notifications are sent to the user,
In the case of the desktop version of the app, popup notifications are sent to the user)
</li>
<li>
Each quiz has ten questions.
(Questions are multiple choice questions. This is to remove discrepancy of differences in speed of typing errors while typing on different devices [phone may be tougher to type on than desktop]. Initially, questions will be curated by language specialists at Duolingo. Eventually, questions can be picked from translated article database. Difficulty level of questions can be determined by translation statistics for articles.)
</li>
</ul>
<li>There are five quizzes under each difficulty level for each language to begin with. More quizzes will be added eventually.</li>
<li>A user can take each quiz only once, to ensure fairness of game.</li>
<li>The structure and evaluation of each quiz is as follows:</li>
<ul>
<li>Each question has a stipulated time in seconds. Time can vary from question to question.</li>
<li>Every user is scored based on how many questions are answered correctly and the time taken to answer the question. Player who answers faster gets more points.</li>
<li>One user cannot proceed to the next question until the other user has also completed the question or the time limit for that question has been exceeded.</li>
<li>User can see his score as well as opponent’s score at each stage of the quiz.</li>
<li>Either user can exit the quiz at any time. If a user ends the quiz before completing it, the opponent is the default winner.</li>
<li>After game is over, user can challenge same user or some other user to another quiz.</li>
<li>Based on the number of quizzes a user wins, user receives virtual trophies.</li>
</ul>
</br></br>
<b>Mockups</b>
</br>
<img src="img/portfolio/quiz/4.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/quiz/5.png" class="img-responsive img-centered" alt="">
<img src="img/portfolio/quiz/6.png" class="img-responsive img-centered" alt="">
</ul>
</p>
<div class="button-align">
<button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-times"></i> Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/freelancer.js"></script>
</body>
</html>