Wellness Before + After Snapshot
This interactive Wellness Snapshot is a custom assessment experience developed in Articulate Storyline 360 for a 12-week guided plant-based lifestyle program. The experience allows participants to complete a series of lifestyle questions and receive a personalized summary based on their responses.
The project presented an opportunity to build functionality beyond Storyline’s standard quiz capabilities, including custom Likert-style interactions, section-level scoring, dynamic feedback, progress tracking, and external data capture.
The result is a self-contained assessment experience that combines custom Storyline development with JavaScript and external data handling to support the program’s before-and-after tracking requirements.
Project Details
-
Role: e-learning Developer
-
Brief: Develop a custom interactive assessment for a 12-week guided plant-based lifestyle program, including before-and-after scoring, personalized feedback, progress tracking, and external data capture.
Key Features
-
Custom Likert-Scale Assessment: Interactive questions allow participants to record responses across nine lifestyle areas.
-
Progress Tracking: A visual progress indicator provides feedback throughout the assessment.
-
Personalized Results: Responses are calculated into section and overall scores, with feedback based on the final results.
-
External Data Capture: Assessment results and participant information are submitted to an external Google Forms and Sheets workflow.
-
Optional Email Follow-Up: Participants can choose to receive a copy of their results and feedback.
Tools Used
-
Articulate Storyline 360 (Custom interactions, variables, triggers, states, scoring, layers, and progress tracking)
-
JavaScript (Email validation and external data submission)
-
Google Forms (External data collection)
-
Google Sheets (Assessment data storage and analysis)
I began by breaking the assessment into nine separate wellness areas, with each section requiring its own response and score tracking. Because the experience needed to be completed both before and after the 12-week program, I structured the scoring logic carefully to prevent responses from carrying over or accumulating incorrectly.
Storyline does not provide native functionality for the specific Likert-style scoring system required, so I built the interaction manually using radio-button style selections, custom states, and number variables. A temporary scoring system was used to capture individual responses before committing them to each section's score variable.
I then developed the final scoring and feedback logic, followed by the custom progress tracker and external data-capture workflow. The experience was tested across different response paths and navigation scenarios to ensure scores remained accurate throughout the assessment.
The assessment uses custom radio-button interactions and variable logic to replicate Likert-scale functionality within Storyline. Each section has its own score variable, while temporary variables capture individual responses before they are committed to the appropriate section score.
The individual scores are then combined using calculated variables to generate an overall result. Conditional triggers display different feedback layers depending on the learner's score range, creating a personalized results experience.
Because the assessment was not hosted in an LMS, I used JavaScript to validate email addresses and submit the captured information to a hidden Google Form connected to Google Sheets. This provided an external method for collecting assessment data without requiring LMS-based reporting.
A custom progress tracker was also built using number variables and triggers, with the visual indicator updating as learners moved through the assessment.
The interface was designed to make a relatively lengthy self-assessment feel clear and manageable. Each question uses a consistent layout and interaction pattern so participants can focus on responding rather than learning how to navigate the assessment.
The custom progress tracker provides a continuous visual reference of how far the participant has progressed, while clear visual states distinguish selected and unselected responses.
The results experience was also designed to present the final information in a structured, easy-to-follow format, using visual hierarchy to separate scores, feedback, and next steps.