-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathCV.html
More file actions
700 lines (645 loc) · 29.7 KB
/
Copy pathCV.html
File metadata and controls
700 lines (645 loc) · 29.7 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
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
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Juli James — Curriculum Vitae</title>
<link rel="stylesheet" href="assets/colors_and_type.css">
<style>
*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; background: var(--jj-cloud); color: var(--jj-ink); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
a{ color: inherit; }
img{ display:block; max-width:100%; }
/* --- top bar (screen only) --- */
.topbar{
position: sticky; top:0; z-index: 40;
background: rgba(250,247,242, 0.92);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border-bottom: 1px solid var(--jj-line);
}
.topbar-inner{
max-width: 1000px; margin: 0 auto;
display: flex; align-items: center; justify-content: space-between;
padding: 16px 32px;
}
.mark{
font-family: var(--font-sans);
font-weight: 800;
font-size: 16px;
letter-spacing: -0.01em;
color: var(--jj-navy);
text-decoration: none;
}
.mark .dot{ color: var(--jj-coral); padding: 0 3px; }
.topbar-actions{ display:flex; gap: 12px; align-items: center; }
.btn-ghost, .btn-solid{
font-family: var(--font-sans);
font-size: 12px; font-weight: 700;
letter-spacing: 0.14em; text-transform: uppercase;
padding: 10px 18px;
border-radius: 999px;
text-decoration: none;
cursor: pointer;
border: 1.5px solid var(--jj-navy);
transition: all var(--dur-base) var(--ease-out);
background: transparent;
color: var(--jj-navy);
}
.btn-ghost:hover{ background: var(--jj-navy); color: var(--jj-paper); }
.btn-solid{ background: var(--jj-navy); color: var(--jj-paper); }
.btn-solid:hover{ background: var(--jj-teal); border-color: var(--jj-teal); }
/* --- page / paper --- */
.page{
max-width: 1000px;
margin: 40px auto 80px;
background: var(--jj-paper);
padding: 72px 88px;
box-shadow: 0 20px 60px -20px rgba(9,22,30,0.25);
position: relative;
}
@media (max-width: 760px){
.page{ padding: 40px 28px; margin: 20px 16px 40px; }
}
/* --- letterhead --- */
.lh{
display: grid;
grid-template-columns: 1fr auto;
gap: 32px;
align-items: end;
padding-bottom: 28px;
border-bottom: 2px solid var(--jj-navy);
}
.lh-name{
font-family: var(--font-display); font-weight: 500;
font-size: clamp(44px, 7vw, 84px);
line-height: 0.92;
text-transform: lowercase;
letter-spacing: -0.015em;
color: var(--jj-navy);
margin: 0;
}
.lh-name em{
color: var(--jj-coral);
font-family: var(--font-serif);
font-style: italic;
font-weight: 500;
}
.lh-kicker{
font-family: var(--font-sans); font-weight: 700;
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
color: var(--jj-teal);
margin-bottom: 18px;
display:flex; align-items:center; gap: 12px;
}
.lh-kicker .bar{ display:inline-block; width: 32px; height: 2px; background: var(--jj-coral); }
.lh-meta{
text-align: right;
font-family: var(--font-sans);
font-size: 13px;
line-height: 1.65;
color: var(--jj-ash);
}
.lh-meta strong{ color: var(--jj-navy); font-weight: 700; }
.lh-meta a{ color: var(--jj-teal); text-decoration: none; border-bottom: 1px solid currentColor; }
/* --- subtitle row --- */
.sub-row{
display: flex; flex-wrap: wrap; gap: 18px 28px;
margin: 20px 0 44px;
font-family: var(--font-serif);
font-style: italic;
font-size: 17px;
color: var(--jj-navy);
}
.sub-row .item{ display: inline-flex; align-items: center; gap: 10px; }
.sub-row .item::before{
content:""; width: 6px; height: 6px; border-radius: 50%; background: var(--jj-yellow);
}
.sub-row .item:nth-child(2)::before{ background: var(--jj-coral); }
.sub-row .item:nth-child(3)::before{ background: var(--jj-teal); }
.sub-row .item:nth-child(4)::before{ background: var(--jj-dusty); }
/* --- two-column body --- */
.body{
display: grid;
grid-template-columns: 220px 1fr;
gap: 48px;
}
@media (max-width: 760px){
.body{ grid-template-columns: 1fr; gap: 16px; }
}
.section{ display: contents; }
.section > .col-head{
font-family: var(--font-sans); font-weight: 800;
font-size: 11px; letter-spacing: 0.22em; text-transform: uppercase;
color: var(--jj-teal);
padding-top: 8px;
border-top: 1px solid var(--jj-line);
}
.section > .col-body{
padding-top: 8px;
border-top: 1px solid var(--jj-line);
padding-bottom: 40px;
}
@media (max-width: 760px){
.section > .col-head{ border-top: 2px solid var(--jj-navy); padding: 14px 0 4px; margin-top: 16px; }
.section > .col-body{ border-top: 0; padding-top: 0; padding-bottom: 20px; }
}
.col-head .num{ color: var(--jj-coral); display:block; font-size: 13px; margin-bottom: 4px; font-family: var(--font-display); font-weight: 500; letter-spacing: 0; text-transform: none; }
/* --- summary paragraph --- */
.summary{
font-family: var(--font-serif);
font-size: 18px;
line-height: 1.55;
color: var(--jj-navy);
margin: 0;
max-width: 60ch;
text-wrap: pretty;
}
.summary em{ color: var(--jj-teal); font-style: italic; }
.summary + p{ margin-top: 14px; font-size: 15px; line-height: 1.7; color: var(--jj-ink); font-family: var(--font-sans); max-width: 64ch; text-wrap: pretty; }
/* --- experience list --- */
.entry{
margin-bottom: 28px;
display: grid;
grid-template-columns: 1fr auto;
gap: 6px 20px;
align-items: baseline;
}
.entry:last-child{ margin-bottom: 0; }
.entry .role{
font-family: var(--font-serif); font-weight: 500;
font-size: 17px;
color: var(--jj-navy);
line-height: 1.3;
margin: 0;
}
.entry .role .org{ color: var(--jj-teal); font-style: italic; }
.entry .when{
font-family: var(--font-sans); font-weight: 700;
font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase;
color: var(--jj-ash);
white-space: nowrap;
}
.entry .place{
grid-column: 1 / -1;
font-family: var(--font-sans); font-size: 12px;
color: var(--jj-ash);
margin: 0;
letter-spacing: 0.02em;
}
.entry ul{
grid-column: 1 / -1;
list-style: none;
padding: 0;
margin: 8px 0 0;
font-family: var(--font-sans);
font-size: 14px;
line-height: 1.6;
color: var(--jj-ink);
}
.entry ul li{
position: relative;
padding-left: 18px;
margin-bottom: 6px;
max-width: 66ch;
}
.entry ul li::before{
content: "";
position: absolute; left: 0; top: 9px;
width: 6px; height: 6px;
background: var(--jj-coral);
transform: rotate(45deg);
}
.entry.current .role::after{
content: "· NOW";
font-family: var(--font-sans); font-weight: 800; font-style: normal;
font-size: 10px; letter-spacing: 0.2em;
color: var(--jj-coral);
margin-left: 10px;
vertical-align: 3px;
}
/* subtle group break between employer groups */
.group-break{
grid-column: 1 / -1;
height: 1px; background: var(--jj-line);
margin: 6px 0 22px;
}
/* --- competencies grid --- */
.comp-grid{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 6px 28px;
font-family: var(--font-sans);
font-size: 14px;
color: var(--jj-navy);
margin-bottom: 20px;
}
.comp-grid span{
position: relative; padding-left: 16px; line-height: 1.5;
}
.comp-grid span::before{
content: ""; position: absolute; left: 0; top: 8px;
width: 6px; height: 2px; background: var(--jj-teal);
}
@media (max-width: 540px){ .comp-grid{ grid-template-columns: 1fr; } }
.tech-block{
margin-top: 14px;
padding: 14px 18px;
background: var(--jj-cloud);
border-left: 3px solid var(--jj-yellow);
}
.tech-block .k{
font-family: var(--font-sans); font-weight: 800;
font-size: 10px; letter-spacing: 0.18em; text-transform: uppercase;
color: var(--jj-teal);
margin-bottom: 4px;
}
.tech-block .v{
font-family: var(--font-sans); font-size: 14px;
line-height: 1.55; color: var(--jj-navy);
}
.tech-block.coral{ border-left-color: var(--jj-coral); }
/* --- publications --- */
.pub{
margin-bottom: 22px;
padding-left: 60px;
position: relative;
}
.pub:last-child{ margin-bottom: 0; }
.pub .y{
position: absolute; left: 0; top: 0;
font-family: var(--font-display); font-weight: 500;
font-size: 24px; color: var(--jj-coral);
line-height: 1;
}
.pub .t{
font-family: var(--font-serif); font-weight: 500;
font-size: 15px; line-height: 1.4;
color: var(--jj-navy);
margin: 0 0 4px;
}
.pub .a{
font-family: var(--font-sans); font-size: 13px;
line-height: 1.55;
color: var(--jj-ash);
margin: 0;
}
.pub .a em{ color: var(--jj-teal); }
/* --- compact list (certs, service) --- */
.compact-list{
list-style: none; padding: 0; margin: 0;
}
.compact-list li{
display: grid;
grid-template-columns: 64px 1fr;
gap: 18px;
padding: 10px 0;
border-bottom: 1px dotted var(--jj-line);
font-size: 14px;
align-items: baseline;
}
.compact-list li:last-child{ border-bottom: 0; }
.compact-list .y{
font-family: var(--font-display); font-weight: 500;
color: var(--jj-navy); font-size: 18px; line-height: 1;
}
.compact-list .t{ font-family: var(--font-serif); color: var(--jj-navy); line-height: 1.4; }
.compact-list .t em{ color: var(--jj-teal); font-style: italic; }
.compact-list .t small{
display:block; margin-top: 2px;
font-family: var(--font-sans); font-size: 12px;
color: var(--jj-ash); letter-spacing: 0.02em;
}
/* --- education --- */
.edu{ margin-bottom: 16px; }
.edu:last-child{ margin-bottom: 0; }
.edu .deg{ font-family: var(--font-serif); font-weight: 500; font-size: 16px; color: var(--jj-navy); margin: 0; line-height: 1.3; }
.edu .deg em{ font-style: italic; color: var(--jj-teal); }
.edu .school{
font-family: var(--font-sans); font-size: 13px;
color: var(--jj-ash); margin: 2px 0 0;
letter-spacing: 0.02em;
}
.edu .year{
font-family: var(--font-display); font-weight: 500;
color: var(--jj-coral); font-size: 16px;
margin-left: 6px;
}
/* --- footer rule --- */
.cv-foot{
margin-top: 40px;
padding-top: 20px;
border-top: 2px solid var(--jj-navy);
display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;
font-family: var(--font-sans); font-size: 11px;
letter-spacing: 0.18em; text-transform: uppercase;
color: var(--jj-ash);
}
.cv-foot strong{ color: var(--jj-navy); font-weight: 800; }
.cv-foot .dots{ display: inline-flex; gap: 6px; align-items: center; }
.cv-foot .dot{ width: 8px; height: 8px; border-radius: 50%; background: var(--jj-yellow); }
.cv-foot .dot.c{ background: var(--jj-coral); }
.cv-foot .dot.t{ background: var(--jj-teal); }
/* --- print --- */
@media print{
.topbar, .no-print{ display: none !important; }
html, body{ background: white; }
.page{
max-width: none; margin: 0;
padding: 0.55in 0.6in;
box-shadow: none;
background: white;
}
.lh-name{ font-size: 52px; }
.section > .col-body{ padding-bottom: 20px; }
.entry{ break-inside: avoid; margin-bottom: 18px; }
.pub{ break-inside: avoid; }
.lh-meta a{ border-bottom: 0; color: var(--jj-navy); }
.sub-row{ margin: 16px 0 28px; font-size: 15px; }
.body{ gap: 36px; }
}
</style>
</head>
<body>
<!-- ========== TOP BAR (screen) ========== -->
<div class="topbar no-print">
<div class="topbar-inner">
<a class="mark" href="index.html">juli<span class="dot">·</span>james</a>
<div class="topbar-actions">
<a class="btn-ghost" href="index.html">← Portfolio</a>
<a class="btn-ghost" href="JJ-CV-202604.pdf" target="_blank" rel="noopener">Download PDF</a>
<button class="btn-solid" onclick="window.print()">Print / Save PDF</button>
</div>
</div>
</div>
<!-- ========== PAGE ========== -->
<main class="page">
<div class="lh-kicker"><span class="bar"></span>Curriculum Vitae · April 2026</div>
<div class="lh">
<h1 class="lh-name">juli <em>james</em></h1>
<div class="lh-meta">
<strong>Fort Worth, TX</strong><br/>
<a href="https://julijames.com">julijames.com</a><br/>
<a href="https://www.linkedin.com/in/julisjames" target="_blank" rel="noopener">LinkedIn /in/julisjames</a><br/>
<a href="https://github.com/julijames" target="_blank" rel="noopener">GitHub /julijames</a>
</div>
</div>
<div class="sub-row">
<span class="item">Instructional Design Leader</span>
<span class="item">Educational Technologist</span>
<span class="item">Curriculum Innovator</span>
<span class="item">QM Peer Reviewer</span>
</div>
<div class="body">
<!-- ========== 01 · SUMMARY ========== -->
<div class="section">
<div class="col-head"><span class="num">01</span>Professional<br/>Summary</div>
<div class="col-body">
<p class="summary">Instructional design leader and educational technologist with over <em>15 years of experience</em> spanning higher education, health sciences, entrepreneurial training, and ed-tech innovation.</p>
<p>Currently driving learning design, quality assurance, and microcredential development at the University of North Texas Health at Fort Worth as a key member of the Division of Academic Innovation — a team recently recognized by TxDLA for Outstanding Commitment to Quality and Innovation in Digital Learning. Brings a unique blend of academic rigor, project management discipline, and entrepreneurial initiative to the design and delivery of learning experiences that serve academic, professional, and community learners.</p>
<p>Co-founded two ed-tech companies, secured Knight Foundation and AT&T Aspire Accelerator support, and has published peer-reviewed research on innovative approaches to learning. Passionate about building high-performing teams and developing systems that connect learning design to institutional impact.</p>
</div>
</div>
<!-- ========== 02 · CORE COMPETENCIES ========== -->
<div class="section">
<div class="col-head"><span class="num">02</span>Core<br/>Competencies</div>
<div class="col-body">
<div class="comp-grid">
<span>Learning Design Leadership</span>
<span>Team Development & Coaching</span>
<span>Microcredential & Non-Credit Program Design</span>
<span>Quality Matters (QM) Review & Standards</span>
<span>Faculty Development & Support</span>
<span>Digital Accessibility (WCAG / Section 508)</span>
<span>Project & Portfolio Management</span>
<span>Cross-functional Collaboration</span>
<span>Educational Technology Administration</span>
<span>Curriculum Development & Assessment</span>
<span>Online, Hybrid & F2F Course Design</span>
<span>Innovation & Applied Learning</span>
<span>Evidence-Based Instructional Design</span>
<span>Continuing Education & Compliance</span>
<span>Strategic Planning & Program Growth</span>
<span>Stakeholder & Community Engagement</span>
</div>
<div class="tech-block">
<div class="k">Technologies</div>
<div class="v">Canvas LMS · Articulate 360 (Rise, Storyline) · Adobe Creative Suite · HTML / CSS / JS · ClickUp · MS Office 365 · Zoom Workspace</div>
</div>
<div class="tech-block coral">
<div class="k">AI Fluency</div>
<div class="v">Claude · ChatGPT · AI-powered curriculum design · Prompt engineering for education</div>
</div>
</div>
</div>
<!-- ========== 03 · EXPERIENCE ========== -->
<div class="section">
<div class="col-head"><span class="num">03</span>Professional<br/>Experience</div>
<div class="col-body">
<div class="entry current">
<p class="role">Instructional Designer <span class="org">— University of North Texas Health at Fort Worth</span></p>
<span class="when">Nov 2024 — Present</span>
<p class="place">Division of Academic Innovation · Fort Worth, TX</p>
<ul>
<li>Design and develop online courses across microcredential, academic credit, and continuing education programs for a health sciences university serving approximately 5,100 unique learners across 40,000+ enrollments annually.</li>
<li>Conduct Quality Matters reviews and re-reviews of online courses, applying the QM Rubric to ensure alignment with institutional standards for course design excellence.</li>
<li>Contribute to the design and development of non-credit microcredential programs, including leading the development of the Forensic Nursing microcredential.</li>
<li>Provide instructional design leadership for grant-funded initiatives, including HRSA-supported health education programs requiring evidence-based intervention design and Canvas course development.</li>
<li>Collaborate with clinical faculty, subject matter experts, and cross-functional teams across the division to implement backward design, adult learning principles, and accessibility standards.</li>
<li>Manage a portfolio of concurrent course development projects using structured project management workflows, ensuring on-time, review-ready delivery.</li>
<li>Support faculty development in teaching and learning, including guidance on instructional technology, course design best practices, and QM alignment.</li>
<li>Coordinate with Continuing Education and Assessment to ensure compliance with CE accreditation standards and certification readiness.</li>
<li>Contribute to a division recognized by TxDLA for "Outstanding Commitment to Quality and Innovation in Digital Learning by an Organization."</li>
</ul>
</div>
<div class="group-break"></div>
<div class="entry">
<p class="role">Lead Curriculum Developer <span class="org">— EQALL Business Solutions</span></p>
<span class="when">Aug 2024 — Dec 2025</span>
<p class="place">Contract · Remote</p>
<ul>
<li>Lead curriculum design and development for entrepreneur education programs serving early-stage and underserved founders.</li>
<li>Created interactive, self-paced learning experiences using LearnWorlds LMS and AI-powered tools that emphasize applied learning, innovation, and digital fluency.</li>
<li>Aligned program outcomes with ecosystem priorities, funder expectations, and learner needs.</li>
</ul>
</div>
<div class="entry">
<p class="role">Adjunct Faculty, Speech Communication <span class="org">— Tarrant County College, NE Campus</span></p>
<span class="when">Aug 2024 — Dec 2025</span>
<p class="place">Department of Speech Communication · Fort Worth, TX</p>
<ul>
<li>Taught Public Speaking courses to dual-credit and traditional college students.</li>
<li>Designed and delivered content supporting audience analysis, message organization, and delivery techniques using culturally responsive teaching methods.</li>
</ul>
</div>
<div class="entry">
<p class="role">Consultant, Associate Director for Entrepreneur Education & Programs <span class="org">— Stoke Coworking</span></p>
<span class="when">2022 — 2025</span>
<p class="place">Denton, TX</p>
<ul>
<li>Designed and facilitated entrepreneurial education programs, incubators, and pitch competitions reaching early-stage and growth-oriented founders.</li>
<li>Directed the AccelerateHER Woman-Owned Business Incubator, expanding mentorship, networking, and curriculum supports.</li>
<li>Led curriculum and coaching for the Denton Pitch Competition, including pitch deck development and presentation coaching.</li>
<li>Built community partnerships to position Stoke as a regional leader in entrepreneurial ecosystem development.</li>
</ul>
</div>
<div class="entry">
<p class="role">Senior Lecturer, Applied Design + Game Design <span class="org">— University of North Texas, Mayborn School of Journalism</span></p>
<span class="when">2015 — 2022</span>
<p class="place">Denton, TX</p>
<ul>
<li>Developed and launched the Media Entrepreneurship & Innovation certificate program, integrating cross-disciplinary approaches to digital innovation.</li>
<li>Created and taught courses in applied design, web design, and game design, aligning content with industry standards and career readiness.</li>
<li>Co-designed <em>Health Care America</em>, a learning game improving health insurance literacy, with results published in JMIR Serious Games.</li>
<li>Mentored students in entrepreneurship, design, and innovation, preparing them for industry roles.</li>
<li>Brought the first Journalism School Hackathon to UNT.</li>
</ul>
</div>
<div class="entry">
<p class="role">Senior Initiative Coordinator <span class="org">— Center for Games & Impact, Arizona State University</span></p>
<span class="when">2012 — 2015</span>
<p class="place">Tempe, AZ</p>
<ul>
<li>Designed and launched the Story Builder Game Design tool, an interactive platform for narrative game creation.</li>
<li>Secured a Knight Foundation Prototype Fund grant to develop an interactive storytelling platform for journalists.</li>
<li>Led cross-disciplinary teams in developing innovative educational programs and game-based learning initiatives.</li>
<li>Mentored students in media communications, web development, and social media strategies.</li>
</ul>
</div>
<div class="entry">
<p class="role">Faculty Associate, School of Social & Behavioral Sciences <span class="org">— ASU New College</span></p>
<span class="when">2013 — 2015</span>
<p class="place">Phoenix, AZ</p>
<ul>
<li>Instructed courses in media and politics, sociology of mass communication, and news games.</li>
<li>Designed and managed online course content for accessible, comprehensive learning experiences.</li>
</ul>
</div>
<div class="entry">
<p class="role">Public Information Officer <span class="org">— Arizona-Mexico Commission</span></p>
<span class="when">2006 — 2008</span>
<ul>
<li>Led public information initiatives and strategic communication planning.</li>
<li>Designed and delivered professional training in media relations, nonprofit branding, public speaking, and crisis communications.</li>
</ul>
</div>
<div class="entry">
<p class="role">Broadcast Specialist <span class="org">— U.S. Army, U.S. European Command</span></p>
<span class="when">1997 — 2000</span>
<ul>
<li>Produced and managed broadcast content for the U.S. European Command.</li>
<li>Operated advanced broadcasting equipment with adherence to military communication standards.</li>
</ul>
</div>
</div>
</div>
<!-- ========== 04 · ENTREPRENEURSHIP ========== -->
<div class="section">
<div class="col-head"><span class="num">04</span>Entrepreneurship<br/>Experience</div>
<div class="col-body">
<div class="entry">
<p class="role">Co-founder, Director <span class="org">— Playable Media LLC</span></p>
<span class="when">2016 — 2022</span>
<ul>
<li>Developed interactive educational games and tools, beginning with a Knight Foundation-funded prototype, later pivoted to the education market.</li>
<li>Managed product development, instructional design, and company strategy.</li>
</ul>
</div>
<div class="entry">
<p class="role">Co-founder <span class="org">— Wildcards.io</span></p>
<span class="when">2019 — 2020</span>
<ul>
<li>Selected for the AT&T Aspire Accelerator for an ed-tech learning platform.</li>
<li>Directed brand, marketing, and product development strategy.</li>
</ul>
</div>
</div>
</div>
<!-- ========== 05 · EDUCATION ========== -->
<div class="section">
<div class="col-head"><span class="num">05</span>Education</div>
<div class="col-body">
<div class="edu">
<p class="deg">M.A. <em>Communication Studies</em> <span class="year">2010</span></p>
<p class="school">Arizona State University</p>
</div>
<div class="edu">
<p class="deg">B.A. <em>Journalism & Mass Communications</em> <span class="year">2005</span></p>
<p class="school">Arizona State University</p>
</div>
</div>
</div>
<!-- ========== 06 · CERTIFICATIONS ========== -->
<div class="section">
<div class="col-head"><span class="num">06</span>Certifications &<br/>Professional<br/>Development</div>
<div class="col-body">
<ul class="compact-list">
<li><span class="y">2025</span><span class="t">Digital Accessibility Certificate <small>Texas Digital Learning Association</small></span></li>
<li><span class="y">2025</span><span class="t">Quality Matters Peer Reviewer Course <small>Quality Matters</small></span></li>
<li><span class="y">2025</span><span class="t">The Power of Play: Reimagining Higher Education in the Age of AI <small>EDUCAUSE</small></span></li>
<li><span class="y">2025</span><span class="t">Claude 101, Claude Cowork, AI Fluency for Educators <small>Anthropic</small></span></li>
<li><span class="y">2024</span><span class="t">Applying the QM Rubric <small>Quality Matters</small></span></li>
<li><span class="y">2019</span><span class="t">AT&T Aspire Ed Tech Accelerator</span></li>
<li><span class="y">2019</span><span class="t">CLEAR Online Course Development Training <small>University of North Texas</small></span></li>
<li><span class="y">2019</span><span class="t">Headliners Foundation of Texas Awardee <small>Poynter Institute</small></span></li>
<li><span class="y">2018</span><span class="t">Faculty Fellowship <small>Future Today Institute</small></span></li>
<li><span class="y">2018</span><span class="t">Faculty Fellowship <small>Scripps Howard Journalism Entrepreneurship Institute</small></span></li>
<li><span class="y">2015</span><span class="t">Knight Foundation Prototype Fund Awardee</span></li>
</ul>
</div>
</div>
<!-- ========== 07 · PUBLICATIONS ========== -->
<div class="section">
<div class="col-head"><span class="num">07</span>Publications</div>
<div class="col-body">
<div class="pub">
<div class="y">'21</div>
<p class="t">When Learning is Play: Using Video Games to Educate Gen Z in the Classroom.</p>
<p class="a">Nisbett, G. S., Paul, N., & James, J. In R. Robinson (Ed.), <em>Communication Instruction in the Generation Z Classroom</em> (pp. 103–114). London: Lexington Books.</p>
</div>
<div class="pub">
<div class="y">'17</div>
<p class="t">Publish Mobile Narrative Games with the Playable Media Story Builder.</p>
<p class="a">James, J., Hill, R., & Ingram-Goble, A. (vol. 6, pp. 433–436). Pittsburgh, PA: Carnegie Mellon University, <em>ETC Press</em>.</p>
</div>
<div class="pub">
<div class="y">'17</div>
<p class="t">Breaking health insurance knowledge barriers through games: A pilot test of Healthcare America.</p>
<p class="a">Champlin, S., & James, J. <em>JMIR Serious Games</em>, 5(4).</p>
</div>
<div class="pub">
<div class="y">'17</div>
<p class="t">Newsgames — Journalism Innovation through Game Design.</p>
<p class="a">James, J. <em>American Journalism</em>, 34(3), 379–383.</p>
</div>
<div class="pub">
<div class="y">'15</div>
<p class="t">Playable Media: Story Builder.</p>
<p class="a">James, J., Hill, R., & Ingram-Goble, A. Carnegie Mellon University, <em>ETC Press</em>.</p>
</div>
</div>
</div>
<!-- ========== 08 · SERVICE ========== -->
<div class="section">
<div class="col-head"><span class="num">08</span>Service &<br/>Affiliations</div>
<div class="col-body">
<ul class="compact-list">
<li><span class="y">2025</span><span class="t">Texas Digital Learning Association</span></li>
<li><span class="y">2025</span><span class="t">EDUCAUSE</span></li>
<li><span class="y">2024</span><span class="t">Paper Reviewer <small>AEJMC Annual Conference</small></span></li>
<li><span class="y">2023—</span><span class="t">Grant Reviewer <small>TWU Center for Women Entrepreneurs</small></span></li>
<li><span class="y">2022—</span><span class="t">Professional Mentor <small>IncubatorEDU at Guyer High School</small></span></li>
<li><span class="y">2017—</span><span class="t">Community Mentor <small>Stoke Denton</small></span></li>
<li><span class="y">'15—'21</span><span class="t">Curriculum Committee <small>UNT Mayborn School of Journalism</small></span></li>
</ul>
</div>
</div>
</div>
<div class="cv-foot">
<span><strong>juli · james</strong> · curriculum vitae · April 2026</span>
<span class="dots"><span class="dot"></span><span class="dot c"></span><span class="dot t"></span></span>
<span>© 2026 · Fort Worth, TX</span>
</div>
</main>
</body>
</html>