-
Notifications
You must be signed in to change notification settings - Fork 10
/
removed.html
208 lines (204 loc) · 12.1 KB
/
removed.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
<div data-toggle="modal" href="#tetronic" class="col-md-3" data-sr="wait 0.1s, ease-in-out 50px">
<div class="grid mask">
<figure class="tintPurple">
<img class="img-responsive tint_image" src="assets/img/portfolio/tetronic1.jpg" alt="">
<figcaption>
<h5>
TETRONIC
</h5><a data-toggle="modal" href="#myModal6" class="btn btn-primary btn-lg">Learn More</a>
</figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
<div class="caption-photo">
<h5 class="pop2">TETRONIC (2013)<i class="fa fa-sitemap caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="UX DESIGNER"> </i><i class="fa fa-headphones caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="SND. DESIGNER"></i></h5>
</div>
<!-- <div class="project-labels">
<span class="bold">Roles: </span><span class="badgeUX"> Game/UX Designer </span><span class="badgeUX"> Sound Designer </span>
</div> -->
</div>
<!-- NEW ROW -->
<div class="row row1">
<div data-toggle="modal" href="#egg" class="col-md-3" data-sr="wait 0.1s, ease-in-out 50px">
<div class="grid mask">
<figure class="tintPurple">
<img class="img-responsive tint_image" src="assets/img/portfolio/egg1.jpg" alt="">
<figcaption>
<h5>
THE LAST EGG
</h5><a data-toggle="modal" href="#myModal5" class="btn btn-primary btn-lg">Learn More</a>
</figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
<div class="caption-photo">
<h5 class="pop2">THE LAST EGG (2013)<i class="fa fa-sitemap caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="UX DESIGNER"> </i><i class="fa fa-headphones caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="SND. DESIGNER"></i></h5>
</div>
</div>
<!-- PORTFOLIO IMAGE 7 -->
<div data-toggle="modal" href="#vr" class="col-md-3" data-sr="wait 0.1s, ease-in-out 50px">
<div class="grid mask">
<figure class="tintPurple">
<img class="img-responsive tint_image" src="assets/img/portfolio/vr1.jpg" alt="">
<figcaption>
<h5>
AAO (VR GAME)
</h5><a data-toggle="modal" href="#myModal8" class="btn btn-primary btn-lg">Learn More</a>
</figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
<div class="caption-photo">
<h5 class="pop2">AAO VR GAME (2013)<i class="fa fa-sitemap caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="UX DESIGNER"> </i><i class="fa fa-headphones caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="SND. DESIGNER"></i></h5>
</div>
</div>
<!-- /col -->
<!-- PORTFOLIO IMAGE 8 -->
<div data-toggle="modal" href="#remixer" class="col-md-3" data-sr="wait 0.1s, ease-in-out 50px">
<div class="grid mask">
<figure class="tintPurple">
<img class="img-responsive tint_image" src="assets/img/portfolio/remixer1.jpg" alt="">
<figcaption>
<h5>
REMIXER
</h5><a data-toggle="modal" href="#myModal9" class="btn btn-primary btn-lg">Learn More</a>
</figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
<div class="caption-photo">
<h5 class="pop2">REMIXER (2014)<i class="fa fa-sitemap caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="UX DESIGNER"> </i></h5>
</div>
<!-- <div class="project-labels">
<span class="bold">Roles: </span><span class="badgeUX"> UX Designer </span>
</div> -->
</div>
<div data-toggle="modal" href="#usuallee" class="col-md-3" data-sr="wait 0.1s, ease-in-out 50px">
<div class="grid mask">
<figure class="tintPurple">
<img class="img-responsive tint_image" src="assets/img/portfolio/usuallee1.jpg" alt="">
<figcaption>
<h5>
USUALLEE
</h5><a data-toggle="modal" href="#myModal" class="btn btn-primary btn-lg">Learn More</a>
</figcaption>
<!-- /figcaption -->
</figure>
<!-- /figure -->
</div>
<!-- /grid-mask -->
<div class="caption-photo">
<h5 class="pop2">USUALLEE (2012)<i class="fa fa-sitemap caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="UX DESIGNER"> </i><i class="fa fa-lightbulb-o caption-role" data-toggle="popover" data-placement="bottom" data-trigger="hover" data-content="PROD. MANAGER"></i></h5>
</div>
<!-- <div class="project-labels">
<span class="bold">Roles: </span><span class="badgeUX"> Product Lead </span><span class="badgeUX"> UX Designer </span>
</div> -->
</div>
<!-- /col -->
</div>
<div class="modal fade" id="remixer" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
REMIXER
</h4>
</div>
<div class="modal-body">
<p>
<img class="img-responsive" src="assets/img/portfolio/remixer1.jpg" alt="">
</p>
<p>
Remixer is a a Human Computer Interaction project in which we explored the different uses of prototying techniques + novel interaction methodologies to come up with a sample product that helps users to mix cocktails. I created the designs of an app and co-created the companion shaker that helps user to mix cocktails. The project deliverable was a prototype of the actual shaker using a 3D-Printer and a Laser-cutter, as well as a real app with different cocktail recipes.
</p>
<p><b>Roles:</b> Product Designer, UX Designer, Prototyper
<br>
<b>Technologies:</b> Keynote, Sketch, Photoshop, 3D Printer & Laser Cutter
</p>
<p class="center-links">
<b><a href="https://vimeo.com/102769056" target="_blank">• Watch Remixer Project Video</a></b>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-yellow-sm" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content
</div>
<!-- /.modal-dialog
</div>
<!-- MODAL IMAGE 6-->
<div class="modal fade" id="crab" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
OH CRAB! (KINECT GAME)
</h4>
</div>
<div class="modal-body">
<p>
<img class="img-responsive" src="assets/img/portfolio/crab1.jpg" alt="">
</p>
<p>
Oh Crab! is a game that uses Kinect as input and is build around the story of a little crab that needs help to reach the ocean. The game is based on a novel mechanic that involves the juxtaposition of the body silhoutte above the game environment.
<br>
</p>
<p><b>Roles:</b> Game Designer, Sound Designer
<br>
<b>Technologies:</b> Adobe Audition, Unity, Paper Prototyping.</p>
<p class="center-links">
<b><a href="http://youtu.be/LStdvJYBV48" target="_blank">• Watch Oh Crab! Video</a></b>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-yellow-sm" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- MODAL IMAGE 1-->
<div class="modal fade" id="contactive" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
CONTACTIVE
</h4>
</div>
<div class="modal-body">
<p>
<img class="img-responsive" src="assets/img/portfolio/contactive1.jpg" alt="">
</p>
<p>
Contactive is a startup based on NYC acquired by Fuze / ThinkingPhones. Contactive's main product is CallerID the leading inbound call identification solution for Android Devices with over a million downloads. As a Product Manager of Contactive I was in charge of two main projects: 1) Creating their first API product. 2) Designing an Outlook Plugin for Contactive.
</p>
<p><b>Roles:</b> Product Manager, Front-End Prototyper.
<br>
<b>Technologies:</b> HTML/CSS/JS, Keynote, Photoshop.</p>
<p class="center-links">
<b><a href="http://www.procore.com" target="_blank">• Read Case Study in Medium</a></b>
<br>
<b><a href="http://www.fuze.com" target="_blank">• Visit Fuze Website</a></b>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-yellow-sm" data-dismiss="modal">Close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->