This project involved designing and launching a professional portfolio website that showcases my instructional design expertise, teaching philosophy, and multimedia work. I independently planned, built, and published the site using Squarespace for its responsive templates and accessibility tools, while creating visual mock-ups and custom CSS snippets in TeleportHQ to refine the layout.

•      Platform Selection – After a thorough evaluation of WordPress, Wix, and Google Sites, I chose Squarespace for its speed, accessibility, and integrated hosting, a decision that I believe reflects my sound judgment and consideration of user needs.

•      Site Architecture – Planned a clear sitemap (Home, About, Projects with sub-pages, Résumé, Contact).

•      Design & Development – Created prototypes in TeleportHQ, exported CSS for custom styling, and implemented accessibility standards (WCAG 2.1).

•      Content Creation – Wrote professional bio, instructional philosophy, résumé narrative, and project reflections.

•      Testing & Revision – Conducted peer/faculty usability reviews, refined navigation, color contrast, and mobile responsiveness.

•      IDT 603 portfolio committee and Western Illinois University faculty

•      Hiring managers and recruiters in corporate instructional design, eLearning, and educational technology

The intended purpose of this project is twofold. Firstly, it serves as an academic deliverable demonstrating instructional systems design mastery. Secondly, it functions as a professional portfolio supporting career advancement into high-end instructional design and technology roles.

The initial draft was published on September 25, 2025; refinements will continue through the portfolio defense on December 5, 2025.

•      Live Squarespace website with custom CSS enhancements

•      Downloadable résumé (PDF) and instructional philosophy

•      Multimedia artifacts (videos, Captivate modules, graphics)

•      Annotation PDF for committee reviewription

•      Added bilingual navigation labels (English/Spanish) to reflect my work with a diverse, multilingual student population.

•      Increased color contrast and font size for accessibility.

•      Reorganized project pages to reduce clicks and improve mobile clarity.

•      Instructional Systems Design (ISD) – overall structure and sequencing

•      eLearning Development & Multimedia Production – Captivate modules, video integration.

•      Usability & Evaluation – peer/faculty testing and iterative refinements.

•      Accessibility & Universal Design for Learning – WCAG compliance, alt text, ARIA labels

Primary users, including hiring managers and portfolio committee members, were at the forefront of my design process. I considered their expectations for clear navigation, concise descriptions, and accessible design across devices, ensuring they felt considered and valued.

Designed for reliable performance across modern browsers and mobile platforms with secure SSL hosting via Squarespace.

Followed an iterative ADDIE-inspired process: Analyze → Design → Develop → Implement → Evaluate. Outcome: A responsive, WCAG-compliant professional website that demonstrates instructional design expertise and shows multiple multimedia learning artifacts.

A PDF packet containing annotated screenshots of all site pages has been prepared for offline review by the committee.

·         Live URL: http://www.simoncwebb.com

·         Backup PDF: Full site screenshots and this annotation document provided in the course submission area.