-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (160 loc) · 7.11 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
<!doctype html>
<html class="no-js" lang="en" style="height: 100%;">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>David Yang</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<!-- Place favicon.ico in the root directory -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body style="height: 100%;">
<div class="container header">
<h1 class="name"> DAVID YANG <h1>
<div class="row intro-text secondary-font">
I am a designer, prototyper, and developer.
<br>
I build user-centric experiences in complex domains.
<div>
<span style="color: black;">This is my story...</span>
</div>
</div> <!-- .row.intro-text -->
</div> <!-- .container -->
<section class="section vessel">
<div class="container">
<div class="row">
<img class="u-max-full-width" src="images/vesselHeader.jpg">
</div>
<div class="row timeframe">
<div class="eight columns offset-by-two explanation-text">
2014-2016
</div>
</div>
<div class="row">
<div class="eight columns offset-by-two explanation-text">
I co-founded Vessel Science, where I designed and built cloud and mobile based platforms for tracking lab research and drug manufacturing.
</div>
</div>
<div class="row">
<div class="eight columns offset-by-two explanation-text">
As the CTO, I led the design, development and branding of our two products:
</div>
</div>
<a href="/vesselresearch.html" style="color:black;">
<div class="row product-preview">
<div class="six columns">
<img class="u-max-full-width card-shadow" src="images/vesselResearchThumbnail.jpg">
</div>
<div class="six columns">
<h5>Vessel Research</h5>
<em class="case-study-label">Released</em>
Productivity platform to make it easier for life science researchers to contextualize and share their experiments, protocols and data.
</div>
</div>
</a>
<a href="/vesselproduction.html" style="color:black;">
<div class="row product-preview">
<div class="six columns">
<img class="u-max-full-width card-shadow" src="images/vesselProductionThumbnail.jpg">
</div>
<div class="six columns">
<h5>Vessel Production</h5>
<em class="case-study-label">Private Beta</em>
Batch and inventory management platform designed for Biotechs to effortlessly comply with FDA regulation.
</div>
</div>
</a>
</div> <!-- .container -->
</section>
<section class="section vmware">
<div class="container">
<div class="row">
<img class="u-max-full-width" src="images/vmwareHeader.jpg">
</div>
</div> <!-- .container -->
<div class="row timeframe">
<div class="eight columns offset-by-two explanation-text">
2012-2014
</div>
</div>
<div class="container">
<div class="row">
<div class="eight columns offset-by-two explanation-text">
I joined VMware's User Experience team as a interaction designer after college.
</div>
</div>
<div class="row">
<div class="eight columns offset-by-two explanation-text">
I helped create and spearhead the <em>Rapid Prototyping Team</em> where we build <em>full-stack</em> prototypes to surface user-centered experiences in an engineering-driven culture.
</div>
</div>
</div>
<a href="/bauhaus.html" style="color:black;">
<div class="container">
<div class="row product-preview">
<div class="six columns">
<img class="u-max-full-width card-shadow" src="images/vmwareBauhausThumbnail.jpg">
</div>
<div class="six columns">
<h5>Project Bauhaus</h5>
<em class="case-study-label">Prototyping Studio - Design Process</em>
Initiative to close the gap between design and engineering by leveraging data-driven prototypes built on top of vSphere and existing APIs.
</div>
</div>
</div>
</a>
<a href="/orbit.html" style="color:black;">
<div class="container">
<div class="row product-preview">
<div class="six columns">
<img class="u-max-full-width card-shadow" src="images/vmwareOrbitThumbnail.jpg">
</div>
<div class="six columns">
<h5>Orbit</h5>
<em class="case-study-label">Case Study</em>
Datacenter monitoring visualization aimed to help VMware administrators easily troubleshoot large virtual environments.
</div>
</div>
</div>
</a>
<a href="/fling.html" style="color:black;">
<div class="container">
<div class="row product-preview">
<div class="six columns">
<img class="u-max-full-width card-shadow" src="images/vmwareFlingThumbnail.jpg">
</div>
<div class="six columns">
<h5>VM Resource and Availability Service</h5>
<em class="case-study-label">Case Study</em>
VMware's first SAAS fling designed to help IT admin's understand their datacenter resiliency through hardware failure simulations.
</div>
</div>
</div>
</a>
</section>
<section class="section personal">
<div class="container">
<div class="four columns photo">
<img class="u-max-full-width" src="images/profile.jpg">
<br>
<a href="https://www.linkedin.com/in/david-yang-b4134311?trk=hp-identity-name">LinkedIn</a>
<a href="./david_yang_resume.pdf" download>Resume</a>
<a href="mailto:[email protected]">Email</a>
</div>
<div class="eight columns about">
I was born in Beijing, grew up in the Silicon Valley and went to college in Philadelphia. I studied <a href="http://cg.cis.upenn.edu/dmd_program.html">Digital Media Design</a> at the University of Pennsylvania and graduated Summa Cum Laude. Before I fell in love with design, my childhood dream was to either direct the next Star Wars or code the next Halo - life can be cruel.
<br>
<br>
I enjoy Murakami novels, Wong Kar Wai movies, breakfast, skiing, and golden retrievers. Ball is life and my "spirit baller" is <a href="https://www.youtube.com/watch?v=IKwJObgwqz0">Luke Walton</a>. My spirit animal is <a href="https://www.youtube.com/watch?v=r57zosAFNw8">Jake the Dog</a> from Adventure Time.
</div>
</div>
</section>
</body>
</html>