ASU Training Portal

WordPress SASS HTML JavaScript PHP LMS Ecommerce

The ASU Training Portal is an e-learning website for teachers that provides online courses and supports multiple user roles and permissions. This was a highly collaborative project from start to finish. The team planned the experience through whiteboard sessions, flowcharts, wireframes, prototypes, mood boards, and architecture diagrams, then moved into UX, integration and testing, development, and iterative reviews. I was involved from the earliest strategy phase through delivery, working closely with designers, project managers, and developers, which gave me full visibility into every stage of the build.

The portal uses a custom WordPress theme with LearnDash LMS and WooCommerce. Implementing extensive customizations using WordPress, WooCommerce, and LearnDash hooks, plus custom PHP to meet the project’s requirements. We also integrated Tin Canny xAPI Reporting to import SCORM modules from Articulate Storyline and Rise. Front-end code was written in SASS and compiled to CSS, with JavaScript minified via Gulp for performance.


Planning and Wireframing

(The embedded preview below lets you zoom in/out and scroll to explore the templates)

You can click inside the board to view more. Press “Z” to zoom to view all in canvas

ASU Digital Courses

Customized WooCommerce flow for course purchases. A simplified cart with clear pricing and coupon entry, a streamlined checkout with concise fields and multiple payment options, and an order confirmation page that summarizes the purchase and billing details.

LearnDash Courses, Lessons and Chapters

Customized WooCommerce flow for course purchases. A simplified cart with clear pricing and coupon entry, a streamlined checkout with concise fields and multiple payment options, and an order confirmation page that summarizes the purchase and billing details.

SCORM-Based Storyline Integration with LearnDash

Integrating Articulate Storyline and Rise modules by exporting as SCORM packages and uploaded to WordPress using Tin Canny Reporting for LearnDash to run inside LearnDash courses. In this setup, Storyline handles the interactive lesson, while SCORM tracks completion, score, and status, which are then passed back to LearnDash so the lesson/topic can be marked complete and progress recorded.

Course and Lesson Certificates

Learners receive an official certificate upon completing a lesson or a full course. Certificates are generated with LearnDash and saved to the learner’s account, where they can be viewed and downloaded at any time.

Custom Dashboard and Reporting

Integrated Tin Canny plugin to extend reporting and built a custom user dashboard that shows courses in progress, completed, and enrolled, with quick access to view and download certificates.