bootstrap responsive templates

MACA 2765 Animation for the Web

Samantha Minchey

Winter 2020

Mobirise

My Experience in the Class

Animation for the web was definitely been an eye opener for me especially being someone with very little animation background. I gained knowledge and understanding with programs that I have never used before like Adobe Animate, and Invision Studio while also expanding my knowledge in programs that I already know like Photoshop. This class has given me a whole new perspective on what Animation can be and has allowed me to grow my skills sets with tools that will surely only help me in my career path as a Graphic/Interactive Web Media Designer.

Macomb Community College

While I feel as though my time in the MACA Design & Layout and Interactive Web Media has been a long one ( 6 years later ), It has been one of the best decisions I have ever made! I'm grately appreciative to have had the opportunity to meet the people and professors that I did in my time here. 

Projects

Select each project title to see the project details

Animated Web Ads

FOCUS:
Create a simple animated web ad with one design delivered in four standard social media ad dimension sizes.

Animated Logos - Simple & Complex

FOCUS:
Create a simple animated logo with our Personal logos or a companies logo.

FOCUS:
Create a complex animated logo for a business.

Cinemagraphs for Marketing

FOCUS:
Create two marketing cinemagraph featuring a product for your targeted business.

 Animated Business Card

FOCUS:
Create one digital business card for your targeted business or yourself.

Animated Layered Graphics

FOCUS:
Create two animated social media posts for your targeted business one with crello and one in animate

User Interface Design
Transition Between Scenes

FOCUS:
Create a user interface prototype with 6 transitions between screens. elements, popups, menus.

User Experience Design
Feedback with Animation

FOCUS: Create a prototype that demonstrates an animation that provides feedback (secondary action) to a user interaction (primary action).

User Experience Design
Visual Cue / Hints with Animation

FOCUS: Create a prototype that demonstrates an animated visual cue (hint) to a primary user interaction.