-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
256 lines (246 loc) · 13.8 KB
/
Copy pathabout.html
File metadata and controls
256 lines (246 loc) · 13.8 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
<!--
Author: Cory Fugate
Date: 10/4/25
-->
<!DOCTYPE html>
<html>
<head>
<title>Cory Fugate | SWE & UX</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Online portfolio of web developer/designer Cory Fugate.">
<meta name="author" content="Cory Fugate">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="resources/css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js"></script>
<!-- favicon stuff -->
<link rel="apple-touch-icon" sizes="180x180" href="resources/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="resources/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="resources/favicon/favicon-16x16.png">
<link rel="manifest" href="resources/favicon/site.webmanifest">
<link rel="mask-icon" href="resources/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-CQ0NT1894T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-CQ0NT1894T');
</script>
</head>
<body>
<div id="maincontent">
<!------ Header/Nav ------->
<nav>
<div class="container">
<h1><img src="resources/images/c-skate-logo.png" alt="Cory Fugate Logo" /><span>Cory Fu<span class="letterG">g</span><span class="letterA">a</span>te</span></h1>
<h2>Engineering & UX</h2>
<div class="nav-links">
<a href="/">Projects</a>
<a href="about.html" class="active">About</a>
</div>
<ul>
<li class="social"><a href="http://www.linkedin.com/pub/cory-fugate/44/434/768/" target="_blank" title="Cory's Linkedin profile">
<span class="label"><i class="icon-linkedin"></i></span>
<span class="label hov-label"><i class="icon-linkedin"></i></span>
</a>
</li>
<li class="social"><a href="https://github.com/corykon" target="_blank" title="Cory's GitHub profile">
<span class="label"><i class="icon-github"></i></span>
<span class="label hov-label"><i class="icon-github"></i></span>
</a>
</li>
<li class="contactme" title="Send a Message">
<span class="label"><span>contact me</span></span>
<span class="label hov-label"><span><i class="icon-envelope-alt icon-2x"></i></span></span>
</li>
</ul>
</div>
</nav>
<!------ End Header/Nav ------->
<!------ About Me - Work ------->
<div class="container about-me-page slow-fade-in">
<h2>Work</h2>
<div class="work-container">
<div class="work-blurbs">
<p class="big-blurb">I ship products people love, built on design systems that scale. 10+ years driving engineering & UX.</p>
<p class="little-blurb">From native mobile apps to large-scale data platforms, I’ve spent a decade building software with
the user at the center. I love honing the craft, learning new tools, and creating systems and processes that work, but for me
it's about what we're building. It's about solving real problems for real humans,
and hopefully <a target="_blank" href="https://tenor.com/view/marie-kondo-spark-joy-happy-smile-netflix-gif-26883538" title="...like Marie Kondo">sparking a little joy.</a></p>
</div>
<img src="resources/images/workspace.png" title="Where the magic happens" />
</div>
<div class="work-container">
<div class="work-experience">
<h3>Experience</h3>
<div class="experience-item">
<div class="experience-details">
<div class="experience-title">Principal SWE</div>
<div class="experience-company">Health Catalyst</div>
<div class="experience-dates">Feb 2026 – Present</div>
</div>
<p class="experience-description">Lead designer and front-end engineer for the company’s next-gen web apps, owning the work
end to end from UX to production React. Built an AI-agent-consumable design system and a
spec-driven workflow for running multiple coding agents in parallel without sacrificing quality.</p>
</div>
<div class="experience-item">
<div class="experience-details">
<div class="experience-title">Director of UX</div>
<div class="experience-company">Health Catalyst</div>
<div class="experience-dates">Aug 2021 – Feb 2026</div>
</div>
<p class="experience-description">Guides UX and UI engineering across the platform. Develops and
maintains company’s design system and component library. Still in
the trenches daily, designing UX and writing code.</p>
</div>
<div class="experience-item">
<div class="experience-details">
<div class="experience-title">Software Engineer</div>
<div class="experience-company">Health Catalyst</div>
<div class="experience-dates">May 2016 – Aug 2021</div>
</div>
<p class="experience-description">Lead front end engineer and UX designer for a Greenfield web app.
Conducted user research, designed, implemented, and iterated.
CEO called it our “killer app”.</p>
</div>
<div class="experience-item">
<div class="experience-details">
<div class="experience-title">Software Engineer</div>
<div class="experience-company">Church of Jesus Christ</div>
<div class="experience-dates">Aug 2013 – May 2016</div>
</div>
<p class="experience-description">Developed several applications including a native iOS app, a crossplatform
mobile app, and responsive web apps. Primary focus was
on creating beautiful UI.</p>
</div>
<div class="experience-item">
<div class="experience-details">
<div class="experience-title">Web Designer</div>
<div class="experience-company">Clearlink</div>
<div class="experience-dates">Aug 2012 – Aug 2013</div>
</div>
<p class="experience-description">Designed websites, infographics, and other marketing materials.
Created branding and style guide docs.</p>
</div>
</div>
<div class="work-education">
<h3>Education</h3>
<div class="education-item">
<div class="education-degree">MBA</div>
<div class="education-school">Utah State University, 2019</div>
</div>
<div class="education-item">
<div class="education-degree">Bachelor of Science in Computer Information Technology </div>
<div class="education-school">BYU-Idaho, 2012</div>
</div>
</div>
</div>
</div>
<!------ End About Me - Work ------->
<!------ About Me - Life ------->
<div class="life-background">
<div class="container about-me-page slow-fade-in">
<h2>Life</h2>
<p>I live in sunny St. George with my wife and kids.</p>
<p>I like skateboarding, music, & mountain biking. I’m a big Brandon Sanderson and Baltimore Orioles fan. My wife and I love watching Survivor and eating at <a target="_blank" href="https://maps.app.goo.gl/n4k1WwLeS4koL8UKA">Sandtown Pizza.</a></p>
<ul class="photo-container">
<li><img src="resources/images/life-images/life-hike.jpg" title="Hiking in St. George, UT" /></li>
<li><img src="resources/images/life-images/life-baby.jpg" title="Working w/ baby B" /></li>
<li><img src="resources/images/life-images/life-skate.jpg" title="Skating on the backyard mini ramp" /></li>
<li><img src="resources/images/life-images/life-skate-pipe.jpg" title="Skating on the backyard miniramp" /></li>
<li><img src="resources/images/life-images/life-bike.jpg" title="Mountain biking in St. George, UT" /></li>
<li><img src="resources/images/life-images/life-bike-lake.jpg" title="Mountain biking in Norway" /></li>
<li><img src="resources/images/life-images/life-bike-pine.jpg" title="Mountain biking in Pine Valley, UT" /></li>
<li><img src="resources/images/life-images/life-drum.jpg" title="Playing on the drum kit as a teenager in West Virginia" /></li>
<li><img src="resources/images/life-images/life-pizza-shop.jpg" title="Eating at Sandtown Pizza" /></li>
</ul>
</div>
</div>
<!------ End About Me - Life ------->
<footer>
<div class="container">
<ul>
<li class="social"><a href="http://www.linkedin.com/pub/cory-fugate/44/434/768/" target="_blank" title="Cory's Linkedin profile">
<span class="label"><i class="icon-linkedin"></i></span>
<span class="label hov-label"><i class="icon-linkedin"></i></span>
</a>
</li>
<li class="social"><a href="https://github.com/corykon" target="_blank" title="Cory's GitHub profile">
<span class="label"><i class="icon-github"></i></span>
<span class="label hov-label"><i class="icon-github"></i></span>
</a>
</li>
<li class="contactme" title="Send a Message">
<a href="#">
<span class="label"><span>contact me</span></span>
<span class="label hov-label"><span><i class="icon-envelope-alt icon-2x"></i></span></span>
</a>
</li>
</ul>
<div class="signature-container">
<div class="skateboard"></div>
<div class="signature"></div>
</div>
<p><span class="ut-outline"></span>Made by hand in UT, USA. ©<span id="year"></span>.</p>
<script>
document.getElementById('year').textContent = new Date().getFullYear();
</script>
</div>
<div class="sub-footer">
<div class="container">
<a href="archive/">Archive</a>
</div>
</div>
</footer>
</div>
<!------ Sidebar ------->
<div id="sidebar">
<div class="close">x</div>
<div id="contact-form">
<h3><i class="icon-envelope-alt icon-3x"></i>Contact Me</h3>
<form id="contact-form">
<input type="hidden" name="time" id="current-time">
<script>
document.getElementById('current-time').value = new Date().toLocaleString();
</script>
<label>Your Email</label>
<input id="contact-email" type="email" name="email">
<label>Message</label>
<textarea id="contact-message" name="message"></textarea>
<button class="action-btn disabled" type="submit">Send Message <i class="icon-angle-right"></i></button>
</form>
</div>
<div id="contact-links">
<ol>
<li class="social"><a href="http://www.linkedin.com/pub/cory-fugate/44/434/768" target="_blank" title="Cory's Linkedin profile">
<i class="icon-linkedin"></i><span>Linkedin</span></a></li>
<li class="social"><a href="https://github.com/corykon" target="_blank" title="Cory's GitHub profile">
<i class="icon-github"></i><span>GitHub</span></a></li>
<li class="contactme"><a href="mailto:cory.fugate@gmail.com" title="Send a Message">
<i class="icon-envelope"></i><span>Email</span></a></li>
</ol>
</div>
</div>
<!------ End Sidebar ------->
<script src="js/portfolio.js"></script>
<!-- preload and hide all of the skateboard image kf1.png - kf9.png-->
<div style="position: fixed; bottom: -100px; left: -1000px; z-index: 0;">
<img src="resources/images/kickflip/kf1.png">
<img src="resources/images/kickflip/kf2.png">
<img src="resources/images/kickflip/kf3.png">
<img src="resources/images/kickflip/kf4.png">
<img src="resources/images/kickflip/kf5.png">
<img src="resources/images/kickflip/kf6.png">
<img src="resources/images/kickflip/kf7.png">
<img src="resources/images/kickflip/kf8.png">
<img src="resources/images/kickflip/kf9.png">
</div>
</body>
</html>