MA Web Design + Content Planning materials for applied art for the web • major project

session notes

This site is dedicated to two of our modules - Applied art for the web and Major Project. The schedule here serves the purpose of supplying links to the supporting material of these modules' sessions. For the complete timetable, check maweb.design.

1. 13/09/21

   Welcome to our new students :)

   • GREFest
2. 22/09/21 induction workshop

   The web design process, tools and hosting

   • workshop notes: PORTAL22 on maweb.design
3. 29/09/21 Design for Web Content

   Web design and industry context

   People of the web
4. 06/10/21 Major Project

   Final presentations

   • collected site links
5. 13/10/21 Applied Art for the Web

   Principles of graphic design

   • session notes
   • moodboards
6. 20/10/21 Applied Art for the Web

   Typography for the Web

   • session notes
   • (File) Sharing & Caring file naming conventions, file organisation and how to keep track of iterations.
7. 27/10/21 Applied Art for the Web

   Colour

   • session notes
8. 03/11/21 Applied Art for the Web

   Images for the Web

   • session notes
9. 10/11/21 Applied Art for the Web

   Layout design

   • session notes
10. 17/11/21 Applied Art for the Web

    Adaptive design planning

    • session notes
11. 24/11/21 Major Project

    informal presentations - Concept

    • session notes
    • reminder: (File) Sharing & Caring file naming conventions, file organisation and how to keep track of iterations.
12. 01/12/21 User Experience Design

    User Experience (UX): Research

    • Moodle: User Experience Design online session via Teams with Steph Troeth
13. 08/12/21 User Experience Design

    User Experience (UX): Design

    • Moodle: User Experience Design online session via Teams with Chris How
14. 15/12/21 Major Project

    Crit #1 - Business and Cultural Context

    • Moodle: Major Project
    • presentation slide links
15. break

    Winter break

1. 19/01/22 Applied Art for the Web

   Vector graphics

   • session notes
   • demo: 3 SVG methods
   • video tutorial: design of @ icon as SVG
2. 26/01/22 Major Project

   Crit #2 - Commodity

   • Moodle: Major Project
   • presentation slide links
3. 02/02/22 Applied Art for the Web

   Icon design

   • session notes
   • demo: SVG Sprite
   • video tutorial: SVG Sprite setup
4. 09/02/21 Applied Art for the Web

   Interface design

   • session notes
   • interface poll
5. 16/02/21 Content Management

   The .htaccess file and other oddities; PHP for site modularity

   • Moodle: Content Management
6. 23/02/21 Content Management

   PHP and MySQL for dynamic content; CMS's with PHP and MySQL

   • Moodle: Content Management
   • introduction to CMS
7. 02/03/22 Major Project

   Crit #3 - Firmness

   • Moodle: Major Project
   • presentation slide links
8. 09/03/22 Applied Art for the Web

   Design for UX & Accessibility

   • session notes
9. 16/03/22 Social Media & SEO

   SEO, SEM and site promotion, Branding design

   • Moodle: Social Media & SEO
10. 23/03/22 Social Media & SEO

    Site analytics and revenue generation, Social Media

    • Moodle: Social Media & SEO
11. 30/03/22 Applied Art for the Web

    WordPress theme design

    • session notes link to tutorial site for theme build, includes videos and source files
12. 06/04/22 Major Project

    Crit #4 - Delight

    • Moodle: Major Project
    • presentation slide links
13. break

    Spring break

14. 04/05/22 Major Project

    Crit #5 - Prototype

    • Moodle: Major Project