-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (129 loc) · 6.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jbaileystudio | Unfair Human Interest</title>
<link rel="stylesheet" href="stylesheet.css">
<link rel="icon" href="favicons/favicon-32x32.png" type="image/x-icon">
<!-- Tracking -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-219530537-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-219530537-1');
</script>
<!-- End Tracking -->
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<style>
</style>
<body>
<main>
<h1>jbaileystudio</h1>
<p>Welcome! My name is James and I am an award winning designer currently leading UX Research efforts at: <a aria-label="UNFI" href="https://www.unfi.com/">UNFI</a></p>
<div id="link_list">
<ul class="horz_list">
<li class="horz_item"><a href="#work_table">Jump to my work</a></li>
<li class="horz_item"><a href="https://drive.google.com/file/d/1sHRbmcFMc2xNH1OqHa141vytvzIppgve/view?usp=sharing" target="_blank" rel="noopener noreferrer">View my Resume</a></li>
<li class="horz_item"><a href="mailto:[email protected]">Reach out to me</a></li>
</ul>
</div>
<p>Design brings people closer to one another. Therefore, I choose to contribute by making software intended to improve peoples lives. My current obsession is identifying, measuring, and alleviating frustrations from peoples digital experiences. What sets me apart from my peers is my relentless desire to go and talk to users in their personal context and my eye for those simple interactions that evoke unexpected emotions. The last thing you should know about me is I spend an incredible amount of time chasing down the curiousity I derive from my work.
<p>Outside of work, I have a passion for running, spatial computing, endurance motorsports, esports, premium consumer hardware, and visual storytelling. My favorite books are "<a aria-label="The Way Things Work" href="https://en.wikipedia.org/wiki/The_Way_Things_Work">The Way Things Work</a>" and "<a aria-label="D'Aulaires' Book of Greek Myths" href="https://www.goodreads.com/book/show/79626.D_Aulaires_Book_of_Greek_Myths">D'Aulaires' Book of Greek Myths</a>". And my favorite movies are "<a aria-label="Snatch (Movie)" href="https://en.wikipedia.org/wiki/Snatch_(film)">Snatch</a>" and "<a aria-label="Dune: Part Two" href="https://en.wikipedia.org/wiki/Dune:_Part_Two">Dune: Part Two</a>". Below you will find a selection of work that I am proud to have been a part of.</p>
<table id="work_table">
<tr>
<th><h3>Professional</h3></th>
<th><h3>Personal</h3></th>
</tr>
<tr>
<td><a href="Sincere_Attention.html">Peering Closely into the Needs of the Customer</a></td>
<td><a href="racing-sim.html">Sim Racing Rig</a></td>
</tr>
<tr>
<td><a href="vs1.html">Incorporating the Voice of the Customer into our Design Process</a></td>
<td><a href="self-driving-dashboard.html">Autonomous Car Dashboard</a></td>
</tr>
<tr>
<td><a href="beacon.html">Re-imagining Employee Staffing in 2021</a></td>
<td><a href="hardware-wallet.html">Hardware Wallet</a></td>
</tr>
<tr>
<td><a href="ra.html">A New Library for Enterprise Thought Leadership Resources</a></td>
<td><a href="motion-graphics.html">Motion Graphics</a></td>
</tr>
<tr>
<td><a href="at.html">Crafting Complex Personas to Better Understand User Flows</a></td>
<td><a href="urban-design-studies.html">Urban Design Studies</a></td>
</tr>
<tr>
<td><a href="sm.html">New England’s White Glove Single-Source Moving Solution</a></td>
<td><a href="logos.html">Logo Designs</a></td>
</tr>
<tr>
<td><a href="bh.html">A New Way for Parents to Find Their Closest Childcare Facility</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://docs.google.com/document/d/14iAxH2MQvADpy_6NVJnzg9pf4DyjUGpqVaFwjv5zH1k/edit?usp=sharing">WCAG Compliance Standards</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.gentexcorp.com/">↗ Simplifying High-Performance Global Defense Marketing</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.syniti.com">↗ Finding a New Home for Enterprise Data Delivery</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.getintocollege.com">↗ Re-visiting the Experience for College Admissions Assistance</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.brighthorizons.com">↗ Updating the Homepage for Enterprise Childcare Solutions</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.brighthorizons.com/schedule-a-visit?center=0106&bookingType=appointment&optin=y">↗ Creating a Simplified Form for Childcare Lead Generation</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.sugarman.com">↗ Modernizing a Law Office's Homepage for New Visitors</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.mclanahan.com/">↗ Analyzing User Behavior to Refresh Site Architecture</a></td>
<td></td>
</tr>
<tr>
<td><a href="https://www.sweetdirt.com/">↗ A New Face for Maine's State-of-the-Art Adult Use Cannabis</a></td>
<td></td>
</tr>
</table>
</main>
<footer><p>Copyright © James Bailey 2024</p></footer>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<script>
// Get the button
let mybutton = document.getElementById("myBtn");
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
mybutton.style.display = "block";
} else {
mybutton.style.display = "none";
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</body>
</html>