Embedded Files
Slackbot Demo
Slackbot Demo
An interactive, self-paced e-learning demo that introduces employees to Slackbot, the AI assistant built into Slack. I created this project during my internship at GuidePoint Security as an introduction to Slackbot to go along with the company's new onboarding training plan.
My Role: Instructional Designer (sole designer)
What I Did: I designed this demo from storyboard through an LMS-ready SCORM package. Responsibilities included writing the storyboard and all learner-facing copy, designing a simulated Slack workspace where learners try Slackbot for themselves, and building a prompt library they can take back to their real workspace. In about five minutes, learners see what Slackbot can and can't do, try three example prompts (a morning catch-up, a leadership update, and a search for unanswered questions), and leave with ready-to-use prompts for their role.
The visual design recreates Slack's interface, including its aubergine sidebar, Lato typeface, and Slackbot chat panel, so learners practice in a setting they already know. A light instructions panel sits beside the dark Slack window, making it clear at a glance which side gives directions and which side is the demo.
Tools Used: Claude Design (Slack UI), Amazon Quick (HTML build)
Key Design Decisions: My first build was a full practice lab with a prompt builder and knowledge checks. I scaled it back to a focused demo because an onboarding introduction should show what Slackbot can do, not try to teach prompting mastery in one sitting. One-click example prompts remove the "blank box" barrier for employees who are new to AI, while still letting confident users type their own. Every response is scripted inside a fictional workspace, so nothing connects to real company data. The demo was built to meet WCAG 2.1 AA and Section 508, with full keyboard access, a visible focus ring, screen reader announcements, no time limits, and support for reduced-motion settings.
Manager Webinar - Strategic Thinking Dzvonik Portfolio.pdfManager Webinar: Strategic Thinking
Manager Webinar: Strategic Thinking
A live virtual webinar designed for managers, focused on building strategic thinking as a core leadership competency. This project was developed as part of an organizational learning initiative targeting mid-level managers across a large, distributed workforce.
My Role: Instructional Designer (sole designer)
What I Did: I led the full design of this instructor-facilitated webinar from needs analysis through final delivery-ready assets. Responsibilities included structuring a logical content flow using ADDIE, writing all facilitator-facing content and participant-facing slides, and designing interactive engagement touchpoints. These touchpoints include a chat blast warm-up, a real-time poll, and a case study scenario with debrief, to keep remote learners actively involved throughout the session.
The visual design follows a cohesive purple and dark navy brand palette with intentional use of imagery to reinforce each concept. Slide layouts were designed to balance facilitator credibility with learner engagement, avoiding the common pitfall of text-heavy webinar decks.
Tools Used: Microsoft PowerPoint
Key Design Decisions: Participant interaction was built into every major section rather than reserved for the end, reflecting research on attention span and engagement in virtual learning environments. The Jordan scenario was designed to surface real-world application without requiring personal disclosure, making it psychologically safe for all participants.
Business Acumen for Client Service Leaders (CSLs)
Business Acumen for Client Service Leaders (CSLs)
A self-paced eLearning course designed for newly appointed Client Service Leaders (CSLs), focused on project profitability, pricing strategies, cash flow management, risk, and business development. This course was developed as part of a leadership development curriculum to help CSLs make informed business decisions that drive project and firm performance. Due to the confidential nature of the content, several slides and activities have been omitted from this portfolio sample, and organizational branding and color schemes have been removed or modified.
My Role: Instructional Designer & eLearning Developer (sole designer)
What I Did: I led the end-to-end design and development of this course, from content analysis and learning architecture through final Storyline production. Working from SME presentations and business process documentation, I transformed complex financial concepts into an engaging learning experience for employees new to the CSL role.
The course includes software simulations, scenario-based activities, knowledge checks, click-to-reveal interactions, and animated visual explanations designed to make technical topics approachable and practical.
Tools Used: Articulate Storyline, Microsoft PowerPoint, Canva, Microsoft Copilot
Key Design Decisions: Because many learners were new to financial concepts, I focused on guided application rather than content presentation. Complex pricing calculations, cash flow concepts, and profitability metrics were broken into step-by-step interactions and simulations that allowed learners to practice using real-world tools and decision-making processes. Progressive disclosure and visual storytelling were used throughout to reduce cognitive load and keep learners engaged.
Behavioral Therapist De-Escalation Technique
Behavioral Therapist De-Escalation Technique
A self-directed portfolio project designed to address a real gap in clinical training: behavioral therapists often lack structured, accessible guidance for de-escalating volatile patient interactions in high-pressure healthcare environments. This project was developed independently using research-grounded content and a custom instructional framework.
My Role: Instructional Designer (sole designer)
What I Did: I designed a complete multi-asset learning experience built around LOWLINE, an original mnemonic framework I developed to make de-escalation techniques memorable and immediately applicable. The seven-step framework — Listen Actively, Open Body Language, Watch Your Tone, Limit Choices, Identify the Feeling, Neutral Language, Exit Planning — is grounded in trauma-informed care principles.
Deliverables include an animated explainer video produced in Vyond with AI-generated narration via ElevenLabs and closed captions created in Riverside.fm and published to YouTube, and a branching scenario built in Articulate Storyline featuring realistic clinical situations and multiple decision points that lead to varied outcomes based on learner choices.
Tools Used: Vyond, Articulate Storyline, ElevenLabs, Riverside.fm, YouTube
Key Design Decisions: The mnemonic framework was intentionally designed to reduce cognitive load in high-stress situations where recall needs to be fast and reliable. The branching scenario places learners in the role of a clinician responding to an escalating patient, reinforcing application over memorization and allowing safe practice of judgment calls that carry real consequences in a clinical setting.
Page updated
Google Sites
Report abuse