-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
208 lines (199 loc) · 8.69 KB
/
index.html
File metadata and controls
208 lines (199 loc) · 8.69 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="keywords" content="@Adam, Adam Jolicoeur, Adam J. Jolicoeur, AdamJ, Jolicoeur, adamjolicoeur.com, www.adamjolicoeur.com, mindreeper2420, Portfolio, Design, Product Designer, UXD, UX Designer, UX Developer, UX Engineer, Design Technologist, Product Mangement, CSS" />
<title>Adam Jolicoeur | Adam Jolicoeur</title>
<meta
name="description"
content="Lead Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies"
/>
<meta name="generator" content="Eleventy">
<meta property="og:title" content="Adam J. Jolicoeur" />
<meta property="og:url" content="" />
<meta property="og:description" content="Lead Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies">
<meta property="og:site_name" content="Adam J. Jolicoeur">
<meta property="og:type" content="website">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="icon" type="image/png" size="16x16" href="/icon-16.png">
<link rel="icon" type="image/png" size="32x32" href="/icon-32.png">
<link rel="icon" type="image/png" size="192x192" href="/icon-192.png">
<link rel="icon" type="image/png" size="512x512" href="/icon-512.png">
<link rel="manifest" href="/manifest.json">
<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=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Pirata+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<link type="text/css" href="/css/prism.css" rel="stylesheet" />
<link type="text/css" href="/css/style.css" rel="stylesheet" />
<meta
name="og:title"
content="Adam Jolicoeur | Adam Jolicoeur"
/>
<meta
name="og:description"
content="Lead Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies"
/>
<meta property="og:image" content="https://www.adamjolicoeur.com/assets/img/social_template.jpg" />
<link
rel="alternate"
type="application/rss+xml"
title="RSS Feed for Adam Jolicoeur"
href="/feed/"
/>
<script src="https://kit.fontawesome.com/0ea2a7621c.js" crossorigin="anonymous"></script>
</head>
<a rel="me" href="https://mastodon.world/@adamjol" aria-hidden="true" class="display-none">Mastodon</a>
<body>
<a href="#main-content" class="skip-link">Skip to main content</a>
<nav role="navigation" aria-label="Main navigation" class="main-nav" style="bottom: 0 !important;">
<ul>
<li>
<a href="/" alt="Navigate to home page">
Home
</a>
</li>
<li>
<a href="/about/adam" alt="Navigate to about page">
About
</a>
</li>
<li>
<a href="/portfolio" alt="Navigate to portfolio page">
Portfolio
</a>
</li>
<li>
<a href="/about/resume" class="active"alt="Navigate to the resume page">
Resume
</a>
</li>
</ul>
</nav>
<main id="main-content">
<link rel="stylesheet" href="/css/print.css" media="print">
<section class="hero">
<h1>Adam Jolicoeur</h1>
<p class="text-lead mb-4">
Lead Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies
</p></section>
<section class="hide-on-screen print">
<h1>Adam Jolicoeur</h1>
<caption>contact@adamjolicoeur.com</caption>
</section>
<section class="pt-2 pb-2">
<p class="text-callout">I design enterprise applications and code production-quality prototypes. With expertise in design systems and complex data-intensive interfaces, I've shaped products used by millions of developers and contributed to industry-leading open-source design systems.</p>
<h2>Key Highlights</h2>
<p>
<ul>
<li>Lead designer for Task-it at Amazon Web Services - reached 500 daily active users across AWS in 18 months</li>
<li>Core contributor to PatternFly design system at Red Hat 20,000+ GitHub stars, used across OpenShift.</li>
<li>Built comprehensive design systems for enterprise construction management and financial services platforms</li>
<li>Code production-quality prototypes using HTML/CSS/React that validate designs and accelerate engineering</li>
</ul>
</p>
</section>
<section class="pt-3 pb-3">
<h3>Current Role</h3>
<p>
<strong>Lead Product Designer & Product Manager</strong>
<br />
Component Assembly Systems | 2024 - Present
</p>
</section>
<section class="pt-3 pb-3">
<h3>Previous Experience</h3>
<p>
<strong>Senior UX Designer</strong> — Amazon Web Services (2021-2023)
</p>
<p>
<strong>Senior Interaction Designer</strong> — Red Hat (2016-2021)
</p>
<p>
<strong>UX Designer</strong> — Saylent Technologies (2014-2016)
</p>
</section>
<section class="pt-3 pb-3">
<a href="/assets/AdamJolicoeur-Resume.pdf" class="link-brackets" target="_blank" alt="Click to download the resume">Download Resume (PDF)</a>
<br />
<small>Last updated November 2025</small>
</section>
<section class="pt-3 pb-3">
<h3>Also available</h3>
<a href="https://www.linkedin.com/in/ajjolicoeur" class="btn btn-social" target="_blank" alt="Click to visit my LinkedIn profile"><i class="fa-brands fa-linkedin"></i> LinkedIn</a>
<a href="https://www.github.com/AdamJ" class="btn btn-social" target="_blank" alt="Click to visit my GitHub profile"><i class="fa-brands fa-github"></i> GitHub</a>
</section>
</main>
<footer id="contact">
<div class="footer-content">
<div class="footer-section">
<h3>ABOUT ME</h3>
<p>
I'm a Product Designer with 15+ years at AWS, Red Hat, and high-growth B2B companies. I specialize in design systems, enterprise applications, and complex data-intensive interfaces.
</p>
<p>
Currently open to senior Product Designer and Design Systems roles at mission-driven companies building impactful products.
</p>
<p>
This portfolio showcases my approach to solving complex design challenges through user research, systematic thinking, and collaboration with engineering teams.
</p>
</div>
<div class="footer-section">
<h3>EXPLORE MORE</h3>
<h4>Experiments & Side Projects</h4>
<p>-> <a href="https://productdesigns.net" target="_blank" alt="Link to productdesigns.net">productdesigns.net</a></p>
<h4>Technical Blog</h4>
<p>-> <a href="https://blog.adamjolicoeur.com" target="_blank" alt="Link to my blog">blog.adamjolicoeur.com</a></p>
<h4>Connect</h4>
<p>
<a href="https://www.linkedin.com/in/ajjolicoeur" class="link-brackets mr-4" target="_blank" alt="Linked to my LinkedIn profile">LinkedIn</a>
<a href="https://www.github.com/AdamJ" class="link-brackets" target="_blank" alt="Link to my GitHub profile">GitHub</a>
</p>
</div>
</div>
<div class="footer-bottom">
<p>Copyright © 2008-2026 <a href="/about" alt="Link to an about page">Adam J. Jolicoeur</a>. All rights reserved. Designed & developed with <i class="fa-solid fa-brain"></i> <i class="fa-solid fa-robot"></i></p>
<a href="/sitemap.xml" alt="Link to the sitemap">
Sitemap
</a>
<span class="small text-secondary px-2"><i class="fa-solid fa-diamond text-accent"></i></span>
<a href="/credits" alt="Link to credits page">
Credits
</a>
</div>
</footer>
<script>
if ('serviceWorker' in navigator) {
window.onload = () => {
navigator.serviceWorker.register(
'/sw.js'
);
}
}
</script>
<!-- Go to Top Button -->
<button id="goTopBtn" class="btn btn-outline circle hide hide-on-print" aria-label="Scroll to top" style="position: fixed; bottom: 1rem; right: 1rem;">
<span aria-hidden="true">
<i class="fa-solid fa-arrow-up" style="font-size: 1.5rem;"></i>
</span>
</button>
<script>
// Go to Top Button logic
(function() {
var btn = document.getElementById('goTopBtn');
window.addEventListener('scroll', function() {
if (window.scrollY > 200) {
btn.classList.remove('hide');
btn.classList.add('show');
} else {
btn.classList.remove('show');
btn.classList.add('hide');
}
});
btn.addEventListener('click', function() {
window.scrollTo({ top: 0, behavior: 'smooth' });
});
})();
</script>
<script src="/js/prism.js"></script>
</body>
</html>