Teaching Experience

2019-2021, Adjunct Professor, Department of Art, Villa Maria College

GRA240, Introduction to Web Design, 4 credits, undergraduate-level, Villa Maria College, Spring 2021 (Syllabus, Course Evaluation — coming soon)

GRA340, Advanced Web Design, 4 credits, undergraduate-level, Villa Maria College, Fall 2020 (Syllabus, Course Evaluation)

GRA240, Introduction to Web Design, 4 credits, undergraduate-level, Villa Maria College, Spring 2020 (Syllabus, Course Evaluation)

GRA340, Advanced Web Design, 4 credits, undergraduate-level, Villa Maria College, Fall 2019 (Syllabus, Course Evaluation)

FDM204, Introduction to Fashion Illustration, 4 credits, undergraduate-level, Villa Maria College, Fall 2019 (Syllabus, Course Evaluation)


Selected Student Work:

  1. GRA340 Fall 2019: Tai Chi Bubble Tea Adobe XD Website Prototype

  2. GRA340 Fall 2019: Tai Chi Bubble Tea Bootstrap Landing Page (to open: download the file from Google Drive, double click on the file to open the .zip folder, and double click on “index.html” inside the folder)

  3. GRA340 Fall 2019: Tai Chi Bubble Tea WordPress Website

  4. GRA340 Fall 2019: Milk Makeup Bootstrap Website (to open: download the file from Google Drive, double click on the file to open the .zip folder, and double click on “index.html” inside the folder)

  5. GRA340 Fall 2019: Ashker's Adobe XD Website Prototype

  6. GRA340 Fall 2019: Ashker’s Bootstrap Landing Page (to open: download the file from Google Drive, double click on the file to open the .zip folder, and double click on “index.html” inside the folder)

  7. GRA340 Fall 2020: William's Florist Adobe XD Website Prototype

  8. GRA340 Fall 2020: Nike Bootstrap Website (to open: download the file from Google Drive, double click on the file to open the .zip folder, and double click on “index.html” inside the folder)

  9. GRA240 Spring 2021: Insomnia Cookies Bootstrap Website (to open: download the file from Google Drive, double click on the file to open the .zip folder, and double click on “index.html” inside the folder)

  10. GRA240 Spring 2021: Lake Effect Adobe XD Website Prototype

  11. GRA240 Spring 2021: Johnny Labella’s Pizza Adobe XD Website Prototype

  12. GRA240 Spring 2021: Moonsins Adobe XD Website Prototype

  13. GRA240 Spring 2020: Google Homepage Replication with HTML5/CSS3

  14. GRA240 Spring 2020: Google Homepage Replication with HTML5/CSS3

Course evaluations word cloud generated from students’ comments (frequency of words showing up 5 or more times in comments are shown)

Course evaluations word cloud generated from students’ comments (frequency of words showing up 5 or more times in comments are shown)


Teaching Assistant Experience

Architectural History: Ancient - 1450 for Dr. Hadas Steiner, 4 credits, graduate- and undergraduate-level, University at Buffalo, Fall 2016

Architectural History: 1450 - Present for Dr. Hadas Steiner, 4 credits, graduate- and undergraduate-level, University at Buffalo, Spring 2016

Introduction to Architecture for Gregory Delaney, 4 credits, undergraduate-level, University at Buffalo, Fall 2015

Selected Student Work: GRA340, Advanced Web Design, Website Positioning Statements:

The first part of the final project of Advanced Web Design consists of a positioning statement that outlines the following:

  • The new websites’s logo optimized for web applications (scales down well, vector)

  • Website Icons

  • User-interface kit (H1, H2, H3, body, button styles, CSS)

  • Typography

  • Site Map

  • Photography Optimized for Web (rgb and 72 px)

  • Hexadecimal Color System

  • Website Purpose Write-Ups

  • User Path Outline

In the second portion, students create their website prototypes in Adobe XD and program a landing page based consistent with the positioning statement and prototype designs in Bootstrap.

Leading up to the final project, the course has students create a basic three-page website in each of the following formats:

  • HTML only

  • HTML and CSS

  • Bootstrap

  • Dreamweaver (Students have the option of importing either a Bootstrap or other CSS template into Dreamweaver)

  • WordPress

  • Low-Fidelity Wire-Frames in Adobe InDesign