Case study · 01
Haggai Learning Experience
Connecting the course experience.
I brought course interfaces, multimedia assets, and content workflows together—contributing design, front-end enhancements, and visual clarity to Haggai’s learning experience.
01 / Overview
Many moving parts. One learning experience.
The connection was the challenge.
A course is more than its individual lessons. Course layouts, study materials, forms, and team handoffs all shape the experience.
My work focused on connecting those pieces with clear visual design, responsive content, and repeatable production processes.
About the organization
Haggai International is a Christian leadership-equipping organization with a global network serving leaders across Asia, Africa, Latin America, and the Middle East.
Visit Haggai International ↗02 / Learning experience
A clear path from watching to reflecting.
My contributions supported the course journey across lesson media, supporting resources, and opportunities to respond in a connected experience.
-
01 →
Watch lesson video
Instructional media introduces the lesson, supported by clear graphics and visual context.
Video · Voiceover · Music · Graphics -
02 →
Review study guide
Readings and visual resources support understanding and give learners material to return to.
Study guides · Readings · Visual aids -
03
Complete course reflection
Discussion, assessment checkpoints, and reflection connect the lesson with the learner’s response.
Reflection · Feedback · Assessment
Responsive course layouts
Adapted desktop and mobile course content for visual clarity and a consistent learning experience.
Front-end & LMS enhancements
Used custom HTML, CSS, and JavaScript to enhance content within PathWright.
Clear supporting content
Created Figma UI concepts, infographics, and study-guide visuals that supported the lessons.
03 / Visual content
Make the lesson visible. Keep the message clear.
The media toolkit
-
01
Video & photography Edited footage and visual context
-
02
Voiceover & music Narration and supporting audio
-
03
Custom graphics Illustration, infographics, and visual cues
Media that supports the lesson.
I edited instructional video in Premiere Pro, bringing together music, voiceovers, custom graphics, and photography for educational outreach and digital content.
I also created graphics and infographics in Illustrator and edited imagery and composites in Photoshop, supporting a consistent visual language across content.
Explore Haggai’s public video library for organizational context. The library is not a curated list of work authored solely by me.
Explore Haggai’s video library ↗04 / Forms & workflows
Support the participant. Connect the team.
I created forms for participant applications, assessments, and course feedback, with attention to mobile usability, clear content, and data-privacy considerations.
A repeatable process behind the content.
I designed and implemented Asana workflows that coordinated marketing and technical teams. These supported content planning, asset production, course updates, and deployment without overwhelming the team with disconnected handoffs.
Behind the learning experience
-
01
Content planning
Align on priorities, content needs, and responsibilities.
-
02
Graphics & video
Produce visual assets and instructional media.
-
03
Course integration
Bring lesson assets into course content and interfaces.
-
04
Review & deployment
Coordinate updates and prepare content for deployment.
A synthesized overview of my content and workflow responsibilities, not an original Asana board.
05 / Delivery
Connected deliverables, not isolated assets.
What I contributed
- Course experience
- Responsive course layouts, front-end enhancements, and supporting learning materials.
- Multimedia content
- Instructional video, infographics, graphics, and imagery for educational and digital content.
- Forms & team operations
- Mobile-responsive forms, reusable Asana templates, and coordinated content workflows.
Tools by purpose
- Course design & build
- PathWright · HTML5 · CSS3 · JavaScript · Figma
- Media & visual design
- Adobe Premiere Pro · Photoshop · Illustrator
- Forms & coordination
- FormAssembly · Asana
This case study focuses on delivered work and design contributions. It does not claim measured improvements in course completion, engagement, or conversion.
Let’s connect the pieces
A clearer experience starts with a conversation.
Let’s discuss your course, content, or digital-experience project.