Course Purpose
The development and implementation of innovative web design solutions through practical, research, and project-based independent student study, with emphasis on AI-driven content creation for apps, games, films, and multimedia.
Course Learning Outcomes
CLO 1: Explain and describe key design principles and theories relevant to innovative solutions.
CLO 2: Utilize fundamental design techniques to create functional products.
CLO 3: Integrate modern software tools and technologies to enhance the functionality and user experience of independent projects.
CLO 4: Develop comprehensive and cohesive design projects that incorporate various technologies and innovative solutions.
Course Content
1.0 Exploratory Research and Scoping the Problem
Theory:
- 1.1 Research Methodologies for Creative Projects
- 1.2 The Double Diamond Design Framework
- 1.3 Defining Project Scope and Boundaries
Practical:
- Project Scoping Workshop
- Apply the Double Diamond model to define your project scope. Submit a Project Proposal (10%) identifying your chosen project type, target audience, and research questions.
2.0 Persona Building
Theory:
- 2.1 User Research Techniques (Interviews, Surveys, Observation)
- 2.2 Empathy Mapping Frameworks
- 2.3 Persona Development for Apps, Games, Films, and Multimedia
Practical:
- Persona Creation Workshop
- Develop research-grounded user personas using empathy mapping. Create personas tailored to your project type using AI-assisted tools such as Xtensio.
3.0 Conceptualization (Brainstorming)
Theory:
- 3.1 SCAMPER Brainstorming Framework
- 3.2 Mind Mapping and Concept Mapping
- 3.3 Divergent and Convergent Thinking
Practical:
- Ideation Sprint
- Use SCAMPER, mind mapping, and AI brainstorming tools to generate and evaluate creative concepts for your project. Apply concept validation criteria.
4.0 Mental Modelling
Theory:
- 4.1 User Mental Models and Cognitive Mapping
- 4.2 User Flow Diagrams and Customer Journey Maps
- 4.3 Information Architecture and Sitemaps
Practical:
- User Flow and IA Workshop
- Create user flow diagrams and information architecture sitemaps for your project using Figma/FigJam.
5.0 Storytelling and Scenario Building
Theory:
- 5.1 Storytelling Frameworks (Hero’s Journey, Three-Act Structure, StoryBrand)
- 5.2 Scenario Planning (2×2 Matrix, PESTLE Analysis)
- 5.3 AI Tools for Narrative Design
Practical:
- Narrative Design Workshop
- Develop a narrative framework for your project. Submit Mid-Semester PowerPoint Presentation on Methodology (30%).
6.0 Scripting, Storyboarding, and User Story Development
Theory:
- 6.1 Script Development for Interactive Media
- 6.2 Storyboarding Techniques and Visual Planning
- 6.3 Writing Effective User Stories with Acceptance Criteria
Practical:
- Scripting and Storyboarding Workshop
- Develop scripts, storyboards, or user stories for your project. Use Katalist AI for script-to-storyboard generation.
7.0 Pre-production (AI-driven Development) and Building Acceptance Criteria
Theory:
- 7.1 AI-Driven Pre-production Planning
- 7.2 Wireframing and Prototyping Workflows
- 7.3 Defining Acceptance Criteria and Quality Standards
Practical:
- Pre-production Planning Sprint
- Create wireframes, prototypes, and acceptance criteria for your project’s production phase.
8.0 Production (AI Pipelining of Content Creation: Audio)
Theory:
- 8.1 AI-Driven Audio Production Pipelines
- 8.2 Sound Design, Music Generation, and Voice Synthesis
- 8.3 Audio Integration in Apps, Games, Films, and Multimedia
Practical:
- Audio Production Workshop
- Produce audio content for your project using AI audio tools. Create soundscapes, dialogue, or music tracks.
9.0 Production (AI Pipelining of Content Creation: Visuals)
Theory:
- 9.1 AI-Driven Visual Content Pipelines
- 9.2 Image Generation, Video Production, and Animation
- 9.3 Visual Asset Integration and Optimization
Practical:
- Visual Production Workshop
- Produce visual content for your project using AI visual tools. Create images, animations, or video sequences.
10.0 Post-production (SFX, VFX, Editing) and Prototyping
Theory:
- 10.1 Post-production Workflows (SFX, VFX, Colour Grading)
- 10.2 Editing, Testing, and Quality Assurance
- 10.3 Prototyping and Portfolio Assembly
Practical:
- Final Production and Presentation
- Complete post-production editing and assemble your project portfolio. Submit Final PowerPoint Presentation (20%) and Final Project Portfolio (20%).