-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
342 lines (332 loc) · 23.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Ro Dixon | Lead Designer</title>
<meta name="description" content="Over a decades worth of designing, leading, and researching user experience.">
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="Ro Dixon | Director of UX">
<meta itemprop="description" content="Over a decades worth of designing, leading, and researching user experience.">
<meta itemprop="image" content="http://rodixondesigns.com/assets/meta-image.png">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="http://rodixondesigns.com">
<meta property="og:type" content="website">
<meta property="og:title" content="Ro Dixon | Director of UX">
<meta property="og:description" content="Over a decades worth of designing, leading, and researching user experience.">
<meta property="og:image" content="http://rodixondesigns.com/assets/meta-image.png">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ro Dixon | Director of UX">
<meta name="twitter:description" content="Over a decades worth of designing, leading, and researching user experience.">
<meta name="twitter:image" content="http://rodixondesigns.com/assets/meta-image.png">
<link rel="icon" href="assets/favicon.ico">
<script src="https://use.fontawesome.com/f766bd3c92.js"></script>
<link href="https://fonts.googleapis.com/css?family=Quicksand|Fira+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/uikit.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script defer data-domain="rodixondesigns.com" src="https://plausible.io/js/plausible.js"></script>
</head>
<body>
<div class="uk-offcanvas-content">
<header>
<div id="top" class="uk-position-relative"> <img src="assets/marble_background.jpg" width="100%" height="auto" alt="hero image of Ro">
<div class="uk-position-top">
<div uk-sticky="animation: uk-animation-slide-top; sel-target: .uk-navbar-container; cls-active: uk-navbar-sticky; cls-inactive: uk-navbar-transparent; top: 400">
<nav class="uk-navbar-container uk-navbar-transparent" uk-navbar>
<div class="uk-navbar-left uk-margin-left">
<ul class="uk-navbar-nav uk-visible@m">
<li><a class="lobster font-dk-blue underline" href="index.html">Resumé</a></li>
<li><a class="lobster" href="about.html">About</a></li>
<li><a class="lobster" href="work.html">Work</a></li>
</ul>
<div class="uk-navbar-right uk-hidden@m uk-margin-remove-left"> <a class="uk-navbar-toggle" data-uk-toggle data-uk-navbar-toggle-icon href="#offcanvas-nav"></a> </div>
</div>
<div class="uk-navbar-right uk-visible@m uk-margin-large-right"><a href="https://drive.google.com/file/d/1u4UOCdeU8hJIn0t6guTrXeFWVfqW3bgi/view?usp=sharing" target="_blank" class="btn-white font-link-lt lobster"><span uk-icon="icon: print"></span> Resumé </a></div>
</nav>
</div>
<div class="uk-animation-slide-top uk-visible@m"><img class="portrait" src="assets/ro_profile.png" alt="Profile circular photo of Ro Dixon"></div>
<div class="uk-margin-large-top">
<h2 class="uk-text-center font-dk-blue tight uk-animation-slide-right delay-1s">Hi, I'm Ro</h2>
<h2 class="uk-text-center font-dk-blue tight uk-animation-slide-left delay-2s">Lead Designer</h2></div>
</div>
</div>
</header>
<section id="about">
<div class="uk-grid-small uk-child-width-expand@s uk-padding uk-text-center" uk-grid>
<div uk-scrollspy="cls: uk-animation-slide-top; repeat: true">
<img src="assets/hello.png" alt="Avatar of Ro">
</div>
<div class="uk-text-left uk-padding" uk-scrollspy="cls:uk-animation-slide-bottom; repeat: true">
<h2 class="font-dk-blue"> Hey There!</h2>
<h5>I have 10+ years of experience solving tough problems for end users, through user-centric design and research. <br><br> The first nine years of my career I was an in-house designer in the healthIT space, and I've spent the last five years consulting on an array of products from Crypto/Fintech, to edtech and so many industries and clients in between.<br><br> I love where I'm at in my career, because I have enough experience to be considered an expert in my field, and yet I still feel I have so much to learn! <!--I’m interested in a leadership role where my team is eager to learn and grow and we’re working together to solve tough problems for our users and stakeholders alike.</h5>--></div>
</div>
</section>
<div id="svcs" class="uk-height-large uk-background-cover uk-dark uk-flex" uk-parallax="bgy: -400" style="background-image: url('assets/services.jpg');">
<h1 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical">Qualifications</h1></div>
<section id="services">
<div class="uk-child-width-1-3@m uk-grid-small uk-grid-match uk-padding" uk-grid>
<div>
<div class="uk-card uk-card-body" uk-scrollspy="cls: uk-animation-slide-right; repeat: true">
<div class="uk-card-title uk-text-center">
<img class="" src="assets/lead.svg">
<h4 class="font-dk-blue lobster uk-padding-small">Lead</h4></div>
<ul>
<li>I lead a multi-disciplinary team on client projects while staying on budget and on schedule.</li><br>
<li>I mentor junior designers, empowering them to do their best work. I guide them to set and reach goals that benefit them personally and align with team and company objectives.</li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-body" uk-scrollspy="cls: uk-animation-slide-left; repeat: true">
<div class="uk-card-title uk-text-center">
<img class="" src="assets/design.svg">
<h4 class="font-dk-blue lobster uk-padding-small">Design</h4></div>
<ul>
<li>I have a great deal of experience with UCD, goal-centered design, various methodologies, and user testing practices.</li><br>
<li>My career started off designing SaaS and B2B solutions in healthcare, and I've spent the last 5 years as a consultant helping clients design solutions that meet business goals while exceeding needs of their users.</li> <br>
<li>I've had the opportunity to work in a broad array of industries, from EdTech, FinTech, and Political-Charged social media design to digital solutions in manufacturing and construction just to name a few. </li>
</ul>
</div>
</div>
<div>
<div class="uk-card uk-card-body" uk-scrollspy="cls: uk-animation-slide-top; repeat: true">
<div class="uk-card-title uk-text-center">
<img class="" src="assets/research.svg">
<h4 class="font-dk-blue lobster uk-padding-small">Research</h4></div>
<ul>
<li>I've gained a great deal of experience over the years with usability testing methods, and am well versed in the differing standardized options available today.</li><br>
<li>I find or collect behavioral metrics whenever possible to make data-driven design decisions.</li>
</ul>
</div>
</div>
</div>
</section>
<div id="svcs" class="uk-height-large uk-background-cover uk-dark uk-flex" uk-parallax="bgy: -400" style="background-image: url('assets/process.png');">
<h1 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical font-dk-blue">Experience</h1></div>
<section id="process">
<div class="uk-padding">
<div id="timeline">
<div class="timeline-item">
<div class="timeline-icon"><i class="fa fa-clock-o fa-rotate-90"></i></div>
<div class="timeline-content left" data-uk-scrollspy="cls: uk-animation-slide-left; delay: 100; repeat: true">
<h2>Lead Designer</h2>
<h5 class="font-green">Stride.Build, 2022 - Now</h5>
<p>Stride is a female-founded, values and mission driven organization, with a vision to help build a brighter future for our planet and generations to come. Which means I've had the priviledge to work with an amazing team of people, design consulting for clients that are shaping the future of our financial system in the Crypto/Fintech space or transforming High School education in the non-profit edtech arena. I love what I do. </p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon"><i class="fa fa-clock-o"></i></div>
<div class="timeline-content right" data-uk-scrollspy="cls: uk-animation-slide-right; delay: 100; repeat: true">
<h2>Director of UX</h2>
<h5 class="font-green">Mission Data, 2021 - 2022</h5>
<p>I lead our design strategy & process from end-to-end as well as mentor junior designers. I champion improvements to UX that have a big impact to end users, and as a result, our bottom line. Such as giving a talk to our dev teams introducing accessibility standards and why they matter. As lead designer I'm given the tools and resources I need to continually grow in my craft, and I share those learnings with my team.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon"><i class="fa fa-clock-o fa-rotate-90"></i></div>
<div class="timeline-content" data-uk-scrollspy="cls: uk-animation-slide-left; delay: 100; repeat: true">
<h2>Senior UX Designer</h2>
<h5 class="font-green">Mission Data, 2018 - 2021</h5>
<p>At Mission Data we focus on building the best tools and experiences that solve the right problems for our clients. As their Senior UX designer I led projects and worked internally to ensure we were leveraging the latest design methodologies. I also established myself as a thought leader in the design space, partly by writing for our blog.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon"><i class="fa fa-clock-o fa-rotate-180"></i></div>
<div class="timeline-content right" data-uk-scrollspy="cls: uk-animation-slide-right; delay: 100; repeat: true">
<h2>UX Designer</h2>
<h5 class="font-green">Wayster (Formerly ZirMed), 2016 - 2018</h5>
<p>At Waystar, a SaaS company in the healthcare space, the majority of my time was spread across discovery, research, and design. I was also responsible for our user feedback forum- a monthly email where we provided users helpful content and conducted remote usability testing. I implemented an SUS method of standardized usability testing across our product line, as well as gained a lot of experience using behavioral metrics and google analytics to make intelligent design decisions. </p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon"><i class="fa fa-clock-o fa-rotate-270"></i></div>
<div class="timeline-content" data-uk-scrollspy="cls: uk-animation-slide-left; delay: 100; repeat: true">
<h2>Programmer Analyst</h2>
<h5 class="font-green">Kindred Healthcare, 2012 - 2016</h5>
<p>At the time, Kindred didn’t have PMs or designers- they had analysts. My job was to meet with users, gather requirements, design the app, write the BRs and test plan, monitor devs, complete DEV testing, and support the app throughout go-live. I was responsible for the entire PDLC.</p>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon"><i class="fa fa-clock-o"></i></div>
<div class="timeline-content right" data-uk-scrollspy="cls: uk-animation-slide-right; delay: 100; repeat: true">
<h2>Intern</h2>
<h5 class="font-green">Kindred Healthcare, 2009 - 2012</h5>
<p>I interned in Kindred’s HR/Payroll IT Department where we designed all HR and Payroll systems. I had the opportunity to try out many roles, including: Instructional Designer, Project Manager, and QA Analyst.</p>
</div>
</div>
</div>
</div>
</section>
<div id="work2" class="uk-height-large uk-background-cover uk-dark uk-flex" uk-parallax="bgy: -400" style="background-image: url('assets/work.jpg');">
<h1 class="uk-width-1-2@m uk-text-center uk-margin-auto uk-margin-auto-vertical font-dk-blue">Writing Samples</h1></div>
<section id="work" class="uk-padding">
<div class="uk-grid uk-child-width-expand@s uk-text-center" uk-grid uk-height-match="target: .uk-card-body">
<div>
<a class="uk-link-reset" href="https://blog.missiondata.com/what-employers-are-looking-for-in-ux-applicants/" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article92.png" alt="Title Illustration of Resume on Phone with HR Rep" uk-cover>
<canvas width="auto" height="420"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">What Employers Are Looking for in UX Applicants</h5>
</div>
</div></a>
</div>
<div>
<a class="uk-link-reset" href="https://blog.missiondata.com/insights-into-todays-ux-community/" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article8.png" alt="Title Illustration Showing UX Designers In Action" uk-cover>
<canvas width="auto" height="420"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">Insights Into Today’s UX Community</h5>
</div>
</div></a>
</div>
<div>
<a class="uk-link-reset" href="https://blog.missiondata.com/a-requirements-gathering-process-that-helps-solve-the-right-problems/" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article1.png" alt="Graphic for Gathering Requirements Article" uk-cover>
<canvas width="auto" height="420"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">Requirements Gathering: Solve the right problems.</h5>
</div>
</div></a>
</div>
</div>
<div class="uk-grid uk-child-width-expand@s uk-text-center" uk-grid uk-height-match="target: .uk-card-body">
<div>
<a class="uk-link-reset" href="https://www.stride.build/blog/how-to-design-for-accessibility" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article9.png" alt="Title Illustration of Resume on Phone with HR Rep" uk-cover>
<canvas width="auto" height="420"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">How to design for accessibility</h5>
</div>
</div></a>
</div>
<div>
<a class="uk-link-reset" href="https://www.stride.build/blog/learning-web-accessibility" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article82.png" alt="Title Illustration Graphic" uk-cover>
<canvas width="auto" height="420"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">Learning Web Accessibility</h5>
</div>
</div></a>
</div>
<div>
<a class="uk-link-reset" href="https://www.stride.build/blog/how-to-help-developers-code-accessibly" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article12.png" alt="Graphic for Gathering Requirements Article" uk-cover>
<canvas width="auto" height="420"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">How to help developers code accessibly</h5>
</div>
</div></a>
</div>
</div>
<div class="uk-grid uk-child-width-expand@s uk-text-center" uk-grid uk-height-match="target: .uk-card-body">
<div>
<a class="uk-link-reset" href="https://blog.missiondata.com/affordable-user-testing-options/" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article7.png" alt="Title image show UX Meter Reader" uk-cover>
<canvas width="auto" height="300"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">Affordable User Testing Options for Testing New Designs</h5>
</div>
</div></a>
</div>
<div>
<a class="uk-link-reset" href="https://blog.missiondata.com/the-evolution-of-the-way-we-work-ux-design/" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article2.png" alt="Illustration of UX Evolution/Map" uk-cover>
<canvas width="auto" height="300"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">The Evolution of the Way We Work: UX Design</h5>
</div>
</div></a>
</div>
<div>
<a class="uk-link-reset" href="https://blog.missiondata.com/what-if-client-says-no/" target="_blank">
<div class="uk-card uk-card-default uk-card-small">
<div class="uk-card-media-top uk-cover-container">
<img src="assets/article4.png" alt="Title Image of Designers working Together" uk-cover>
<canvas width="auto" height="300"></canvas>
</div>
<div class="uk-card-body">
<h5 class="uk-text-middle">User Testing: What if the client says no?!</h5>
</div>
</div></a>
</div>
</div>
</section>
<div class="padding-50"></div>
<section id="contact">
<div class="uk-background-cover uk-height-large uk-padding" style="background-image: url(assets/contact.jpg);">
<div class="uk-flex-middle uk-flex-wrap" uk-grid>
<div class="uk-width-1-2 uk-visible@m" uk-scrollspy="cls: uk-animation-scale-up; repeat: true">
<h2 class="font-white">Contact Me</h2><a href="tel:812-946-1839" class="font-white font-small"><i class="fa fa-phone-square" aria-hidden="true"></i> (812) 946-1839</a>
<br>
<br><a href="mailto:ro@rodixondesigns.com" class="font-white font-small"><i class="fa fa-envelope-square" aria-hidden="true"></i> ro@rodixondesigns.com</a></div>
<div class="uk-width-1-1 uk-width-1-2@m" uk-scrollspy="cls: uk-animation-scale-down; repeat: true">
<div class="uk-hidden@m uk-text-center" uk-scrollspy="cls: uk-animation-scale-up; repeat: true">
<h2 class="font-white">Contact Me</h2>
<!--<p class="uk-text-small font-white"><a href="tel:812-946-1839" class="font-white font-small"><i class="fa fa-phone-square" aria-hidden="true"></i> (812) 946-1839</a> | <a href="mailto:ro@rodixondesigns.com" class="font-white font-small"><i class="fa fa-envelope-square" aria-hidden="true"></i> ro@rodixondesigns.com</a></p>-->
</div>
<form action="https://formspree.io/ro@rodixondesigns.com" method="POST">
<div class="uk-margin uk-width-1-1">
<br>
<br>
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-user"></i> Full Name</label>
<input class="uk-input" type="text" name="name" placeholder="Enter name here">
</div>
<div class="uk-margin uk-width-1-1">
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-at"></i> Email Address</label>
<input class="uk-input" type="email" name="_replyto" placeholder="Enter email here">
</div>
<div class="uk-margin uk-width-1-1">
<label class="uk-form-label font-white" for="form-stacked-text"><i class="fa fa-commenting"></i> Message</label>
<textarea class="uk-textarea" name="message" placeholder="Enter your message here"></textarea>
</div>
<button class="uk-border-rounded uk-align-left uk-button uk-button-default uk-button-small white" type="submit"> Send </button>
</form>
</div>
</div>
</div>
</section>
<section id="social" class="uk-padding uk-text-middle uk-text-center">
<h2 class="font-white uk-margin-right">Find Me Online</h2>
<div><a class="uk-padding" href="https://linkedin.com/in/ro-dixon-ux" target="_blank"><i class="fa fa-linkedin-square fa-3x font-white uk-margin-right" aria-hidden="true"></i></a><a class="uk-padding" href="https://medium.com/@rodixon30" target="_blank"><i class="fa fa-medium fa-3x font-white uk-margin-right" aria-hidden="true" ></i></a><a class="uk-padding" href="https://www.behance.net/ro_dixon" target="_blank"><i class="fa fa-behance-square fa-3x font-white uk-margin-right" aria-hidden="true"></i></a><a class="uk-padding" href="https://dribbble.com/rodixon30" target="_blank"><i class="fa fa-dribbble fa-3x font-white uk-margin-right" aria-hidden="true"></i></a></div>
</section>
<div id="offcanvas-nav" data-uk-offcanvas="flip: true; overlay: true">
<div class="uk-offcanvas-bar uk-offcanvas-bar-animation uk-offcanvas-slide dk-blue">
<button class="uk-offcanvas-close uk-close uk-icon" type="button" data-uk-close></button>
<ul class="uk-nav uk-nav-default">
<h2>Menu </h2>
<li><a class="lobster" href="index.html">Resume</a></li>
<li><a class="lobster" href="about.html">About</a></li>
<li><a class="lobster" href="work.html">Work</a></li></ul>
<div class="padding-50"></div>
<div><a href="https://drive.google.com/file/d/1u4UOCdeU8hJIn0t6guTrXeFWVfqW3bgi/view?usp=sharing" target="_blank" class="btn-white font-link-lt">Print Resume <i class="fa fa-external-link"></i></a></div>
</div>
</div>
</div>
<script src="uikit.min.js"></script><script src="uikit-icons.min.js"></script>
</body>
</html>