Nipissing University
Nipissing University
Log in Sign up

W25 Interactive Media Design

IDP3
Open to private marketplace Closing on January 28, 2025
Fanshawe College
Fanshawe College
London, Ontario, Canada
Marco De Luca
Program Coordinator, Professor
1
Experience
5 projects wanted
Dates set by teams
Preferred companies
Anywhere
Any company type
Any industries

Experience scope

Categories
Website development UI design Graphic design Illustration Videography
Skills
research
Learner goals and capabilities

The Interactive Media Design program is a multidisciplinary curriculum that prepares students for careers in graphic design, UI design, front-end and back-end web development, as well as motion design and video editing for the web. Students gain hands-on experience with industry-standard software, including the Adobe Creative Suite, Figma, and Cinema 4D.


Through this program, students develop the skills to design logos, graphics, and UI for apps and websites, as well as create 3D models and animations. They are proficient in coding languages such as HTML, CSS, JavaScript, and PHP, and have experience working with MySQL databases.


Graduates of the Interactive Media Design program are adept at building interactive, responsive websites optimized for both mobile and desktop platforms. These websites incorporate advanced features like embedded videos and 3D elements, showcasing their ability to deliver dynamic, scalable digital solutions tailored to modern business needs.


https://fanshaweinteractive.ca/

Learners

Learners
Diploma
Beginner, Intermediate levels
60 learners
Project
80 hours per learner
Educators assign learners to projects
Individual projects
Expected outcomes and deliverables


Design Assets

  • Graphic Design Deliverables:
  • Format: High-resolution PNG, JPG, or PDF files for visuals (e.g., logos, banners, UI designs)
  • Editable files in Adobe Illustrator, Photoshop, or Figma formats (as requested)
  • UI/UX Deliverables:
  • Wireframes and prototypes in Figma or similar tools
  • Format: Interactive prototype link or exported PDF of designs

Code Deliverables

  • Front-End Code:
  • HTML, CSS, and JavaScript files in a GitHub repository or zipped folder
  • Back-End Code:
  • PHP scripts and MySQL database schemas in a GitHub repository or zipped folder
  • Documentation:
  • README file explaining code functionality, installation instructions, and usage

Final Project Output

  • Web Development Projects:
  • Live website or web application (hosted online or locally with a demo link)
  • Format: URL or compressed folder with all required files and instructions
  • Motion Design/Video Editing Projects:
  • Completed video files in MP4 or MOV format (resolution as specified by the employer)

Project Examples

Requirements

Project examples that students can complete may include, but are not limited to:


Graphic Design

  • Create Brand Assets: Design logos, brochures, business cards, and other branding materials that align with company identity.
  • Develop Marketing Graphics: Produce visually appealing graphics for digital and print marketing campaigns, including social media posts, banners, and advertisements.

UI/UX Design

  • Design User Interfaces: Create intuitive and aesthetically pleasing interfaces for mobile apps and websites using tools like Figma.
  • Develop Wireframes and Prototypes: Build interactive prototypes to demonstrate user flows and functionality before full-scale development.

Front-End Web Development

  • Build Responsive Websites: Develop websites that are optimized for various devices and screen sizes using HTML, CSS, and JavaScript.
  • Implement Interactive Features: Add dynamic elements such as sliders, modals, and animations to enhance user engagement.
  • Optimize Website Performance: Ensure fast loading times and smooth interactions by optimizing code and assets.

Back-End Web Development

  • Develop Server-Side Functionality: Create and manage server-side applications using PHP to handle data processing and business logic.
  • Manage Databases: Design, implement, and maintain MySQL databases to store and retrieve application data efficiently.
  • Integrate APIs: Connect websites and applications with third-party services and APIs to extend functionality.

Motion Design & Video Editing

  • Produce Animations: Create 2D and 3D animations using Cinema 4D to enhance website content and marketing materials.
  • Edit Promotional Videos: Develop and edit engaging video content for websites, social media, and advertising campaigns.
  • Create Interactive Media: Combine motion graphics and video elements to produce interactive multimedia experiences.

Full-Stack Development

  • Develop Complete Web Solutions: Handle both front-end and back-end development to build comprehensive web sites.
  • Maintain and Update Websites: Provide ongoing support, updates, and enhancements to existing websites and web applications.

Collaborative Projects

  • Work in Cross-Functional Teams: Collaborate with designers, developers, marketers, and other stakeholders to deliver cohesive digital projects.
  • Utilize Version Control: Use tools like Git to manage code changes and collaborate effectively with team members.

Additional company criteria

Companies must answer the following questions to submit a match request to this experience:

Be available for a quick phone/virtual call with the instructor to initiate your relationship and confirm your scope is an appropriate fit for the course.

Provide a dedicated contact who is available to answer periodic emails or phone/virtual calls over the duration of the project to address students' questions. (Coordinator's involvement will be minimal)

Projects must occur between January and April

Requires a flexible schedule (Students will work on these projects outside of classroom time as they are still required to attend classes)