Case Study: Designing an Accessible Art Canvas Course Template

Project Overview

Developed a modular course template for an art platform, designed to streamline course setup for instructors while promoting learner engagement using industry-relevant technologies. The template facilitates efficient creation of concise, accessible courses adaptable for diverse learners—including those with disabilities—ensuring content clarity and ease of navigation for all users.

Design Challenge

Instructors need an intuitive system for building courses that are:

• Easy to use

• Technology-embedded for engagement

• Flexible for all subjects and learner needs

• Compliant with accessibility standards (WCAG 2.2 AA)

• Project-based and STEAM-integrated to foster real-world skills

Solution Approach

Wireframe/Template Format

Template Architecture:
Constructed a reusable template system with clearly defined modules (syllabus, materials, assignments, and project briefs) that enable instructors to quickly assemble courses, regardless of their tech-savviness or subject area.

Accessibility & Usability:

• • Designed layouts with high-contrast, readable fonts, and clear navigation paths to support all ages and abilities.

  • Embedded screen reader compatibility and integrated accessibility checks at each stage.

  • Provided alt text fields, caption prompts, and drag-and-drop accessibility guides.

Technology Integration:

• • Incorporated latest digital tools (Figma prototypes, collaboration boards, interactive media embeds) to engage learners and illustrate current industry practice.

  • Built-in features for automated feedback, assignment submission tracking, and real-time communication enhance engagement and support organizational learning outcomes.

Technology Integration:

• • Incorporated latest digital tools (Figma prototypes, collaboration boards, interactive media embeds) to engage learners and illustrate current industry practice.

  • Built-in features for automated feedback, assignment submission tracking, and real-time communication enhance engagement and support organizational learning outcomes.

Organizational Impact & Diversity:

• • The approach standardizes course creation, increasing efficiency and internal communications.

  • Flexible modules accommodate company-specific branding and targeted learning outcomes, ensuring diverse environments and inclusive practices across teams.

Outcomes

• Simplicity: Instructors reported faster setup and greater confidence in course delivery.

• Accessibility: Universal design features increased course participation from learners with disabilities.

• Engagement: Project-based modules and embedded tech tools resulted in higher assignment completion rates and learner satisfaction.

• Scalability: Organizations and schools leveraged the template to rapidly deploy tailored content, facilitating cross-functional training and communication.