-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-old2.html
132 lines (123 loc) · 6.46 KB
/
index-old2.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
---
title: Du Hoang
---
{% include header.html %}
<div class="homepage">
<div class="about" style="max-width: 960px; margin: 0 auto;" >
<div class="about-me">
<div class="about-photo">
<a href="https://duhoang.com"><img src="/img/me-2019.jpg" /></a>
</div>
<div class="about-info">
<div class="about-name">
<a href="https://duhoang.com">Du Hoang</a>
</div>
<div class="about-title">
Design Technologist
</div>
<div class="about-contact">
<a class="contact-link" href="mailto:[email protected]" target="_blank">
<svg viewBox="0 0 24 24">
<use xlink:href="#icon-mail"></use>
</svg>
</a>
<a class="contact-link linkedin" href="http://linkedin.com/in/duhoang" target="_blank">
<svg viewBox="2 2 22 22">
<use xlink:href="#icon-linkedin"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
<div class="horizontal-section" style="margin: 0 auto;">
<div class="section-heading">Hello.</div>
<div class="section-info">
<p>I'm a designer/artist/technologist currently living in Brooklyn.</p>
<p>Over the past decade I have lead design at various startups and tech companies in both SF and NYC. As a design technologist, I understand and write code; working at the intersection of design and technology.</p>
<p>My focus is on design for emerging tech, such as AI/Machine Learning and VR/AR. I also write tutorials and create tools for designers entering these fields.</p>
<p>Below is a sampling of my latest work, writings, and Unity VR assets for sale.</p>
</div>
</div>
<div class="section">
<div class="horizontal-section" style="margin: 0 auto;">
<div class="center-block">
<div class="t">
<a href="copilot.html"><img src="img/copilot-home.png" style="border: 1px solid #d4d4d4;"/></a>
</div>
</div>
<div class="section-info">
<div class="bold"><a href="copilot.html">Copilot AI</a></div>
<p>Copilot is the AI/Machine Learning group within Xaxis. As the Lead Data Visualization Designer, I work to translate AI algorithms into visual forms, building bespoke visualizations that help machine communicates with people.</p>
</div>
</div>
<div class="horizontal-section" style="margin: 0 auto;">
<div class="center-block">
<div class="t">
<a href="imeve.html"><img src="img/imeve-screenshot-1.jpg" style="border: 1px solid #d4d4d4;"/></a>
</div></div>
<div class="section-info">
<div class="bold"><a href="imeve.html">Imeve</a></div>
<p>
Imeve is a live-streaming 360° video, VR telepresence startup. I work with the founders and help conceive the product, identify use cases, ideate features, and design novel VR interactions. I also build the UIs for our Oculus app in Unity.</p>
</div>
</div>
<div class="horizontal-section" style="margin: 0 auto;">
<div class="center-block">
<div class="t">
<a href="mapd.html"><img src="img/mapd-dashboard.png" style="border: 1px solid #d4d4d4;"/></a>
</div></div>
<div class="section-info">
<div class="bold"><a href="mapd.html">MapD</a></div>
<p>I was the first design hire and lead designer at OmniSci (formerly MapD), a Google Ventures GPU database startup. At OmniSci, I designed a modern data visualization platform that simplifies the complex task of configuring dashboards.</p>
</div>
</div>
<div class="horizontal-section" style="margin: 0 auto;">
<div class="center-block">
<div class="t">
<a href="sysdig.html"><img src="img/sysdig-1.png" style="border: 1px solid #d4d4d4;"/></a>
</div></div>
<div class="section-info">
<div class="bold"><a href="sysdig.html">Sysdig</a></div>
<p>Sysdig is a monitoring and security platform for cloud-native infrastructure. While there, I lead design projects building a consumer grade security tool for Fortune 500 companies.</p>
</div>
</div>
<div class="horizontal-section" style="margin: 64px auto 32px;">
<div class="section-info">
<div class="bold"><a href="sysdig.html">Writing</a></div>
<ul class="writing-links">
<li>
<a href="https://arvrjourney.com/vr-for-ui-designers-how-to-make-skyboxes-a9a9b47ce940" target="_blank">VR for UI Designers: How to Make Skyboxes</a>
</li>
<li>
<a href="https://arvrjourney.com/ui-carousel-for-vr-in-unity-layout-components-tips-tricks-part-1-e729219579a2" target="_blank">VR for UI Designers: Making a UI Carousel in Unity</a>
</li>
<li>
<a href="https://arvrjourney.com/how-to-build-vr-uis-with-unity-and-oculus-rift-part-3-ce38459133ec" target="_blank">How to Build VR UIs with Unity and Oculus Rift, p.3</a>
</li>
<li>
<a href="https://arvrjourney.com/how-to-build-vr-uis-with-unity-and-oculus-rift-part-2-69e31b32dd82" target="_blank">How to Build VR UIs with Unity and Oculus Rift, p.2</a>
</li>
<li>
<a href="https://medium.com/@duhoang/how-to-build-vr-uis-with-unity-and-oculus-rift-part-1-f359e41f309a" target="_blank">How to Build VR UIs with Unity and Oculus Rift, p.1</a>
</li>
</ul>
</div>
<div class="section-info">
<div class="bold"><a href="sysdig.html">Shop</a></div>
<div class="shop-item ">
<div class="shop-screen">
<a href="https://assetstore.unity.com/packages/tools/gui/vr-ui-kit-material-design-system-135769" target="_blank"><img src="img/shop-vruikit.png" style="border: 1px solid #d4d4d4;"/></a>
<a class="shop-link" href="https://assetstore.unity.com/packages/tools/gui/vr-ui-kit-material-design-system-135769" target="_blank">VR UI Kit: Material Design System</a>
</div>
</div>
<div class="shop-item ">
<div class="shop-screen">
<a href="https://assetstore.unity.com/packages/3d/environments/vr-lobbies-environments-skyboxes-starter-pack-158662" target="_blank"><img src="img/shop-vrlobbies.png" style="border: 1px solid #d4d4d4;"/></a>
<a class="shop-link" href="https://assetstore.unity.com/packages/3d/environments/vr-lobbies-environments-skyboxes-starter-pack-158662" target="_blank">VR Lobbies: Environments, Skyboxes Pack</a>
</div>
</div>
</div>
</div>
</div>
</div>