|
28 | 28 | <link rel="stylesheet" type="text/css" href="../assets/css/virtual.css"> |
29 | 29 |
|
30 | 30 | <link rel="stylesheet" type="text/css" href="../assets/css/topbar.virtual.css"> |
| 31 | +<style> |
| 32 | +.accordion { |
| 33 | + background-color: #eee; |
| 34 | + color: #444; |
| 35 | + cursor: pointer; |
| 36 | + padding: 18px; |
| 37 | + width: 100%; |
| 38 | + border: none; |
| 39 | + text-align: left; |
| 40 | + outline: none; |
| 41 | + font-size: 15px; |
| 42 | + transition: 0.4s; |
| 43 | + margin-bottom: 5px; |
| 44 | +} |
| 45 | + |
| 46 | +.active, .accordion:hover { |
| 47 | + background-color: #ccc; |
| 48 | +} |
| 49 | + |
| 50 | +.panel { |
| 51 | + padding: 0 18px; |
| 52 | + background-color: white; |
| 53 | + max-height: 0; |
| 54 | + overflow: hidden; |
| 55 | + transition: max-height 0.2s ease-out; |
| 56 | +} |
| 57 | +</style> |
31 | 58 | </head> |
32 | 59 | <body class="theme-red"> |
33 | 60 |
|
|
81 | 108 | <a href="#about" class="nav-link" data-animate="scrolling">About</a> |
82 | 109 | </li> |
83 | 110 | <li class="nav-item"> |
84 | | - <a href="#portfolio" class="nav-link" data-animate="scrolling">Academic Projects</a> |
| 111 | + <a href="#portfolio" class="nav-link" data-animate="scrolling">Industry Projects</a> |
85 | 112 | </li> |
86 | 113 | <li class="nav-item"> |
87 | 114 | <a href="#footer" class="nav-link" data-animate="scrolling">Contact</a> |
@@ -231,134 +258,85 @@ <h5>Vanguard</h5> |
231 | 258 | <div class="vg-page page-portfolio" id="portfolio"> |
232 | 259 | <div class="container"> |
233 | 260 | <h1 class="text-center fw-normal wow fadeInUp">Industry Projects</h1> |
234 | | - <div class="gridder my-3"> |
235 | | - <div class="grid-item wow zoomIn"> |
236 | | - <div class="img-place" data-src="../assets/img/work/work-1.png" data-fancybox data-caption="<h5 class='fg-theme'>Next Best Nudge</h5><p>Led a project to understand investor psychology through large-scale surveys, using the findings to build a model for personalized client communications.</p>"> |
237 | | - <img src="../assets/img/work/work-1.png" alt=""> |
238 | | - <div class="img-caption"> |
239 | | - <h5 class="fg-theme" style='font-size:15px;'>Next Best Nudge</h5> |
240 | | - </div> |
241 | | - </div> |
| 261 | + <div class="accordion-container"> |
| 262 | + <button class="accordion">Next Best Nudge</button> |
| 263 | + <div class="panel"> |
| 264 | + <p>Led a project to understand investor psychology through large-scale surveys, using the findings to build a model for personalized client communications.</p> |
242 | 265 | </div> |
243 | | - <div class="grid-item wow zoomIn"> |
244 | | - <div class="img-place" data-src="../assets/img/work/work-2.png" data-fancybox data-caption="<h5 class='fg-theme'>Exponential Growth Conjoint</h5><p>Led a study to identify the most effective methods for communicating exponential growth to investors, aiming to boost retirement savings adoption.</p>"> |
245 | | - <img src="../assets/img/work/work-2.png" alt=""> |
246 | | - <div class="img-caption"> |
247 | | - <h5 class="fg-theme" style='font-size:15px;'>Exponential Growth Conjoint</h5> |
248 | | - </div> |
249 | | - </div> |
| 266 | + |
| 267 | + <button class="accordion">Exponential Growth Conjoint</button> |
| 268 | + <div class="panel"> |
| 269 | + <p>Led a study to identify the most effective methods for communicating exponential growth to investors, aiming to boost retirement savings adoption.</p> |
250 | 270 | </div> |
251 | | - <div class="grid-item wow zoomIn"> |
252 | | - <div class="img-place" data-src="../assets/img/work/work-3.png" data-fancybox data-caption="<h5 class='fg-theme'>Smart Content Field Experiment</h5><p>Supported a large-scale field experiment testing behavioral science-based marketing messages to improve retirement savings rates.</p>"> |
253 | | - <img src="../assets/img/work/work-3.png" alt=""> |
254 | | - <div class="img-caption"> |
255 | | - <h5 class="fg-theme" style='font-size:15px;'>Smart Content Field Experiment</h5> |
256 | | - </div> |
257 | | - </div> |
| 271 | + |
| 272 | + <button class="accordion">Smart Content Field Experiment</button> |
| 273 | + <div class="panel"> |
| 274 | + <p>Supported a large-scale field experiment testing behavioral science-based marketing messages to improve retirement savings rates.</p> |
258 | 275 | </div> |
259 | | - <div class="grid-item wow zoomIn"> |
260 | | - <div class="img-place" data-src="../assets/img/work/work-4.png" data-fancybox data-caption="<h5 class='fg-theme'>Products in Enrollment</h5><p>Led a survey-based research project to understand customer preferences for financial products during the 401(k) enrollment process.</p>"> |
261 | | - <img src="../assets/img/work/work-4.png" alt=""> |
262 | | - <div class="img-caption"> |
263 | | - <h5 class="fg-theme" style='font-size:15px;'>Products in Enrollment</h5> |
264 | | - </div> |
265 | | - </div> |
| 276 | + |
| 277 | + <button class="accordion">Products in Enrollment</button> |
| 278 | + <div class="panel"> |
| 279 | + <p>Led a survey-based research project to understand customer preferences for financial products during the 401(k) enrollment process.</p> |
266 | 280 | </div> |
267 | | - <div class="grid-item wow zoomIn"> |
268 | | - <div class="img-place" data-src="../assets/img/work/work-5.png" data-fancybox data-caption="<h5 class='fg-theme'>DA Motivators over TRF</h5><p>Led a research project to understand the key motivators for choosing a digital advisory service over a target-date fund.</p>"> |
269 | | - <img src="../assets/img/work/work-5.png" alt=""> |
270 | | - <div class="img-caption"> |
271 | | - <h5 class="fg-theme" style='font-size:15px;'>DA Motivators over TRF</h5> |
272 | | - </div> |
273 | | - </div> |
| 281 | + |
| 282 | + <button class="accordion">DA Motivators over TRF</button> |
| 283 | + <div class="panel"> |
| 284 | + <p>Led a research project to understand the key motivators for choosing a digital advisory service over a target-date fund.</p> |
274 | 285 | </div> |
275 | | - <div class="grid-item wow zoomIn"> |
276 | | - <div class="img-place" data-src="../assets/img/work/work-6.jpg" data-fancybox data-caption="<h5 class='fg-theme'>Participant Moments Clustering</h5><p>Led a project to identify distinct patterns of customer engagement with their retirement plans over time, enabling more effective, targeted communications.</p>"> |
277 | | - <img src="../assets/img/work/work-6.jpg" alt=""> |
278 | | - <div class="img-caption"> |
279 | | - <h5 class="fg-theme" style='font-size:15px;'>Participant Moments Clustering</h5> |
280 | | - </div> |
281 | | - </div> |
| 286 | + |
| 287 | + <button class="accordion">Participant Moments Clustering</button> |
| 288 | + <div class="panel"> |
| 289 | + <p>Led a project to identify distinct patterns of customer engagement with their retirement plans over time, enabling more effective, targeted communications.</p> |
282 | 290 | </div> |
283 | | - <div class="grid-item wow zoomIn"> |
284 | | - <div class="img-place" data-src="../assets/img/work/work-7.jpg" data-fancybox data-caption="<h5 class='fg-theme'>Advice in Enrollment Experiment</h5><p>Led an experiment to optimize the user experience for offering financial advice during the 401(k) enrollment process.</p>"> |
285 | | - <img src="../assets/img/work/work-7.jpg" alt=""> |
286 | | - <div class="img-caption"> |
287 | | - <h5 class="fg-theme" style='font-size:15px;'>Advice in Enrollment Experiment</h5> |
288 | | - </div> |
289 | | - </div> |
| 291 | + |
| 292 | + <button class="accordion">Advice in Enrollment Experiment</button> |
| 293 | + <div class="panel"> |
| 294 | + <p>Led an experiment to optimize the user experience for offering financial advice during the 401(k) enrollment process.</p> |
290 | 295 | </div> |
291 | | - <div class="grid-item wow zoomIn"> |
292 | | - <div class="img-place" data-src="../assets/img/work/work-8.jpg" data-fancybox data-caption="<h5 class='fg-theme'>Job Switchers Experiment</h5><p>Led the design of an experiment to improve retirement savings rates for individuals who are switching jobs.</p>"> |
293 | | - <img src="../assets/img/work/work-8.jpg" alt=""> |
294 | | - <div class="img-caption"> |
295 | | - <h5 class="fg-theme" style='font-size:15px;'>Job Switchers Experiment</h5> |
296 | | - </div> |
297 | | - </div> |
| 296 | + |
| 297 | + <button class="accordion">Job Switchers Experiment</button> |
| 298 | + <div class="panel"> |
| 299 | + <p>Led the design of an experiment to improve retirement savings rates for individuals who are switching jobs.</p> |
298 | 300 | </div> |
299 | | - <div class="grid-item wow zoomIn"> |
300 | | - <div class="img-place" data-src="../assets/img/work/work-1.png" data-fancybox data-caption="<h5 class='fg-theme'>Cash Plus Conjoint and Survey Discovery</h5><p>Led a collaborative research project to understand customer preferences and mental models for a new cash management product.</p>"> |
301 | | - <img src="../assets/img/work/work-1.png" alt=""> |
302 | | - <div class="img-caption"> |
303 | | - <h5 class="fg-theme" style='font-size:15px;'>Cash Plus Conjoint and Survey Discovery</h5> |
304 | | - </div> |
305 | | - </div> |
| 301 | + |
| 302 | + <button class="accordion">Cash Plus Conjoint and Survey Discovery</button> |
| 303 | + <div class="panel"> |
| 304 | + <p>Led a collaborative research project to understand customer preferences and mental models for a new cash management product.</p> |
306 | 305 | </div> |
307 | | - <div class="grid-item wow zoomIn"> |
308 | | - <div class="img-place" data-src="../assets/img/work/work-2.png" data-fancybox data-caption="<h5 class='fg-theme'>Portfolio Choice Experiment</h5><p>Supported a project to test and improve a new portfolio construction prototype for investors.</p>"> |
309 | | - <img src="../assets/img/work/work-2.png" alt=""> |
310 | | - <div class="img-caption"> |
311 | | - <h5 class="fg-theme" style='font-size:15px;'>Portfolio Choice Experiment</h5> |
312 | | - </div> |
313 | | - </div> |
| 306 | + |
| 307 | + <button class="accordion">Portfolio Choice Experiment</button> |
| 308 | + <div class="panel"> |
| 309 | + <p>Supported a project to test and improve a new portfolio construction prototype for investors.</p> |
314 | 310 | </div> |
315 | | - <div class="grid-item wow zoomIn"> |
316 | | - <div class="img-place" data-src="../assets/img/work/work-3.png" data-fancybox data-caption="<h5 class='fg-theme'>Max Saver Discovery</h5><p>Led a research project to understand the motivations and behaviors of different segments of high-saving clients.</p>"> |
317 | | - <img src="../assets/img/work/work-3.png" alt=""> |
318 | | - <div class="img-caption"> |
319 | | - <h5 class="fg-theme" style='font-size:15px;'>Max Saver Discovery</h5> |
320 | | - </div> |
321 | | - </div> |
| 311 | + |
| 312 | + <button class="accordion">Max Saver Discovery</button> |
| 313 | + <div class="panel"> |
| 314 | + <p>Led a research project to understand the motivations and behaviors of different segments of high-saving clients.</p> |
322 | 315 | </div> |
323 | | - <div class="grid-item wow zoomIn"> |
324 | | - <div class="img-place" data-src="../assets/img/work/work-4.png" data-fancybox data-caption="<h5 class='fg-theme'>Term-Deferred PPJ MaxDiff</h5><p>Led a research project to understand the key motivators for retaining assets with the company for retirees and job changers.</p>"> |
325 | | - <img src="../assets/img/work/work-4.png" alt=""> |
326 | | - <div class="img-caption"> |
327 | | - <h5 class="fg-theme" style='font-size:15px;'>Term-Deferred PPJ MaxDiff</h5> |
328 | | - </div> |
329 | | - </div> |
| 316 | + |
| 317 | + <button class="accordion">Term-Deferred PPJ MaxDiff</button> |
| 318 | + <div class="panel"> |
| 319 | + <p>Led a research project to understand the key motivators for retaining assets with the company for retirees and job changers.</p> |
330 | 320 | </div> |
331 | | - <div class="grid-item wow zoomIn"> |
332 | | - <div class="img-place" data-src="../assets/img/work/work-5.png" data-fancybox data-caption="<h5 class='fg-theme'>RPP PPJ</h5><p>Supported a project to identify and address challenges in the online retirement paycheck setup process.</p>"> |
333 | | - <img src="../assets/img/work/work-5.png" alt=""> |
334 | | - <div class="img-caption"> |
335 | | - <h5 class="fg-theme" style='font-size:15px;'>RPP PPJ</h5> |
336 | | - </div> |
337 | | - </div> |
| 321 | + |
| 322 | + <button class="accordion">RPP PPJ</button> |
| 323 | + <div class="panel"> |
| 324 | + <p>Supported a project to identify and address challenges in the online retirement paycheck setup process.</p> |
338 | 325 | </div> |
339 | | - <div class="grid-item wow zoomIn"> |
340 | | - <div class="img-place" data-src="../assets/img/work/work-6.jpg" data-fancybox data-caption="<h5 class='fg-theme'>Advice Meta-Analysis</h5><p>Led a meta-analysis of seven experiments to synthesize findings on customer interest in financial advice services.</p>"> |
341 | | - <img src="../assets/img/work/work-6.jpg" alt=""> |
342 | | - <div class="img-caption"> |
343 | | - <h5 class="fg-theme" style='font-size:15px;'>Advice Meta-Analysis</h5> |
344 | | - </div> |
345 | | - </div> |
| 326 | + |
| 327 | + <button class="accordion">Advice Meta-Analysis</button> |
| 328 | + <div class="panel"> |
| 329 | + <p>Led a meta-analysis of seven experiments to synthesize findings on customer interest in financial advice services.</p> |
346 | 330 | </div> |
347 | | - <div class="grid-item wow zoomIn"> |
348 | | - <div class="img-place" data-src="../assets/img/work/work-7.jpg" data-fancybox data-caption="<h5 class='fg-theme'>Next Best Nudge Pilot</h5><p>Led a pilot program to test the effectiveness of eight different behavioral science-based email creatives on customer interest in a personal advisor service.</p>"> |
349 | | - <img src="../assets/img/work/work-7.jpg" alt=""> |
350 | | - <div class="img-caption"> |
351 | | - <h5 class="fg-theme" style='font-size:15px;'>Next Best Nudge Pilot</h5> |
352 | | - </div> |
353 | | - </div> |
| 331 | + |
| 332 | + <button class="accordion">Next Best Nudge Pilot</button> |
| 333 | + <div class="panel"> |
| 334 | + <p>Led a pilot program to test the effectiveness of eight different behavioral science-based email creatives on customer interest in a personal advisor service.</p> |
354 | 335 | </div> |
355 | | - <div class="grid-item wow zoomIn"> |
356 | | - <div class="img-place" data-src="../assets/img/work/work-8.jpg" data-fancybox data-caption="<h5 class='fg-theme'>DA Success Metrics</h5><p>Led a study to explore the effectiveness of social proof messaging on customer interest in a digital advisory service.</p>"> |
357 | | - <img src="../assets/img/work/work-8.jpg" alt=""> |
358 | | - <div class="img-caption"> |
359 | | - <h5 class="fg-theme" style='font-size:15px;'>DA Success Metrics</h5> |
360 | | - </div> |
361 | | - </div> |
| 336 | + |
| 337 | + <button class="accordion">DA Success Metrics</button> |
| 338 | + <div class="panel"> |
| 339 | + <p>Led a study to explore the effectiveness of social proof messaging on customer interest in a digital advisory service.</p> |
362 | 340 | </div> |
363 | 341 | </div> |
364 | 342 | </div> |
@@ -429,6 +407,22 @@ <h1 class="text-center">Jacob Elder</h1> |
429 | 407 |
|
430 | 408 | <script src="../assets/js/topbar-virtual.js"></script> |
431 | 409 |
|
| 410 | + <script> |
| 411 | + var acc = document.getElementsByClassName("accordion"); |
| 412 | + var i; |
| 413 | + |
| 414 | + for (i = 0; i < acc.length; i++) { |
| 415 | + acc[i].addEventListener("click", function() { |
| 416 | + this.classList.toggle("active"); |
| 417 | + var panel = this.nextElementSibling; |
| 418 | + if (panel.style.maxHeight) { |
| 419 | + panel.style.maxHeight = null; |
| 420 | + } else { |
| 421 | + panel.style.maxHeight = panel.scrollHeight + "px"; |
| 422 | + } |
| 423 | + }); |
| 424 | + } |
| 425 | + </script> |
432 | 426 | <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAIA_zqjFMsJM_sxP9-6Pde5vVCTyJmUHM&callback=initMap"></script> |
433 | 427 |
|
434 | 428 | </body> |
|
0 commit comments