W25 Interactive Media Design

Contact principal
Fanshawe College
London, Ontario, Canada
Program Coordinator, Professor
2
Expérience
4/4 match de projet
Dates fixées par les équipes
Ententes requises
Entreprises privilégiées
N'importe où
Tout type de entreprise
N'importe qu'elle industrie

Portée de Expérience

Catégories
Développement de sites web Conception de l'interface utilisateur Graphisme Illustration Vidéographie
Compétences
research
Objectifs et capacités de apprenant.es

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/

Apprenant.es

Apprenant.es
Diplôme
Niveau Débutant, Intermédiaire
7 apprenant.es dans le programme
Projet
80 heures par apprenant.e
Les Professeur.euses affectent les apprenant.es à des projets
Équipes de 3
Jusqu'à 3 apprenant.e(s) par projet.
Résultats et livrables attendus


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)

Exemples de projets

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.

Critères supplé mentaires pour entreprise

Les entreprises doivent répondre aux questions suivantes pour soumettre une demande de jumelage pour cette expérience:

  • Q1 - Case à cocher
    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.  *
  • Q2 - Case à cocher
    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)  *
  • Q3 - Case à cocher
    Projects must occur between January and April  *
  • Q4 - Case à cocher
    Requires a flexible schedule (Students will work on these projects outside of classroom time as they are still required to attend classes)  *