hit
counter

Quinnipiac Blog

Blog posts and project updates for my Interactive Media (ICM) Master's courses at Quinnipiac University.

User Testing Poster Graphic

ICM517 - Ideation, Protoyping, Testing: Module 6/7 - High-Fidelity Prototypr & Wrap-Up

Final module that deals with implementing the results/feedback of our user testing (Module 5) and creating a high-fidelity prototype.

View Project
User Testing Poster Graphic

ICM517 - Ideation, Protoyping, Testing: Module 5 - User Testing

Module that deals with user testing the paper prototype for the Quinnipiac University website companion app developed in Module 2;.

View Project
Prototype Poster Graphic

ICM517 - Ideation, Protoyping, Testing: Module 4 - Low-Fidelity Protoype

Module that introduces the concept of paper prototypes, specifically "low-fidelity" ones, in order to continue fleshing out the companion app created for the previous module, Module 2.

View Project
User Flowcharts Poster Graphic

ICM517 - Ideation, Protoyping, Testing: Module 3 - User Flowcharts

Module that introduces the concept of user flows, user stories/scenarios, and use cases in an attempt to help flesh out the companion app created for the previous module, Module 2.

View Project
Information Architecture Poster Graphic

ICM517 - Ideation, Protoyping, Testing: Module 2 - Information Architecture

Module that introduces the concept of information architecture, presents a problem that needs a solution (found in one of two websites — in this case, the Quinnipiac website), and asks for the creation of a companion app for the site in addition to a new proposed site structure.

View Project
Ideate Poster Graphic

ICM517 - Ideation, Protoyping, Testing: Module 1 - Ideation

An introductory module to the many methods of ideation and how they contribute to the overall Design Thinking process. Includes an introduction to the idea of Ideation, a Mind Map assignment based on detailing and taking note of the many ideation techniques, and a discussion/project on a myriad of mobile apps that include using a few ideation techniques to come up with "my perfect app".

View Project
Pandora & Spotify Website Analysis

New Project - Pandora & Spotify Website Analysis

A website analysis of two competing brands (Pandora and Spotify) that focuses on the UX principles of FEEL and NEED in regards to both User Experience and User Interface.

View Case Study
Edible Arrangements

ICM512 - Designing for the User: Module 1 - Design Thinking Overview

A UX solution created for Edible Arrangements and their delivery system based on a completed Design Thinking Crash Course packet.

View Solution
Bare Bones, Tom Shcroeppel

ICM508 - Multimedia Techniques: Module 3 - Visual Composition I, Visual Montage (Pre-Production)

Chapters 1, 2, 5, & 6
Summary of the assigned reading from Tom Schroeppel's The Bare Bones Camera Course for Film and Video; Chapters 1, 2, 5, & 6.

Read Chapter Summary
ICM508 - Multimedia Techniques: Module 2 - Audio Design II, Podcast

ICM508 - Multimedia Techniques: Module 2 - Audio Design II, Podcast - Project

Podcast created for Module 2.

See Project
ICM508 - Multimedia Techniques: Module 2 - Audio Design II, Podcast (Production and Post)

ICM508 - Multimedia Techniques: Module 2 - Audio Design II, Podcast (Production and Post)

My audio project research from the prompt:
"Do some searching and find 3-5 projects that have both audio and video in them (music, ambient audio, and sound effects) that you think are well produced and where the audio is effective at elevating the content. These could be scenes from movies, TV shows, online videos, games, etc.
Embed the video or post a link to each on your blog/website with a few sentences that explain why you chose it."

See Research
Multimedia Techniques: Module 2 - Audio Design II, Podcast (Production and Post)

ICM508 - Multimedia Techniques: Module 2 - Audio Design II, Podcast (Production and Post)

Summary of the assigned reading from 7 Secrets for Getting Pro-Sounding Vocals on Home Recordings and Sound Advice: Editing Audio for Video.

Read Summary
ICM508 - Multimedia Techniques: Module 1 - Audio Design I, Podcast

ICM508 - Multimedia Techniques: Module 1 - Audio Design I, Podcast - Project

Pre-production planning and documentation of a podcast created for Module 1.

See Project
ICM508 - Multimedia Techniques: Module 1 - Audio Design I, Podcast (Pre-Production)

Image from hulu.com/onepunch-man.

ICM508 - Multimedia Techniques: Module 1 - Audio Design I, Podcast (Pre-Production)

My audio project research from the prompt:
"Do some searching and find 3-5 specific audio projects (podcasts or commercials) that you think are well produced and effective at engaging the audience.
Embed the audio or post a link to each on your blog/website with a few sentences that explain why you chose it. Try to analyze the format they used, and the flow of what we hear."

See Research
Bare Bones, Tom Shcroeppel

ICM508 - Multimedia Techniques: Module 1 - Audio Design I, Podcast (Pre-Production)

Chapter 8
Summary of the assigned reading from Tom Schroeppel's The Bare Bones Camera Course for Film and Video; Chapter 8.

Read Chapter Summary
ICM502 - Information Design: Module 5 - Fashion Poster Design

ICM502 - Information Design: Module 5 - Fashion Poster Design - Project

Fashion poster [re]design for Module 5.

See Project
ICM504 - Designing for Motion/Media: Module 7 - Advanced Motion (Course Final)

ICM504 - Designing for Motion/Media: Module 7 - Advanced Motion (Course Final) - Project

Advanced motion animation created for Module 7.

See Project
ICM504 - Designing for Motion/Media: Module 7 - Advanced Motion (Final Project)

Image from hazbinhotel.wikia.com.

ICM504 - Designing for Motion/Media: Module 7 - Advanced Motion (Final Project)

My advanced motion research from the prompt:
"Do some searching and find at least 3 examples of advanced motion, animation, or effects that you find interesting.
Post each to your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 7 - Advanced Motion (Final Project)

Chapter 10
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Chapter 10.

Read Chapter Summary
ICM504 - Designing for Motion/Media: Module 6 - Interface Motion (User Interface Animation)

ICM504 - Designing for Motion/Media: Module 6 - Interface Motion (User Interface Animation) - Project

User interface animation created for Module 6.

See Project
ICM504 - Designing for Motion/Media: Module 6 - Interface Motion (User Interface Animation)

Image from Universal Music Group Project, Behance.

ICM504 - Designing for Motion/Media: Module 6 - Interface Motion (User Interface Animation)

My stop motion research from the prompt:
"Do some searching and find 5-10 examples of user interface animations that are inspiring, useful, and/or creative.
Embed the media or post a link to each on your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 6 - Interface Motion (User Interface Animation)

Chapter 9
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Chapter 9.

Read Chapter Summary
ICM504 - Designing for Motion/Media: Module 5 - Motion for Promotion (Logo Stinger)

ICM504 - Designing for Motion/Media: Module 5 - Motion for Promotion (Logo Stinger) - Project

Logo stinger/bumper animation created for Module 5.

See Project
ICM504 - Designing for Motion/Media: Module 5 - Motion for Promotion (Logo Stinger)

Image from myreviewer.com.

ICM504 - Designing for Motion/Media: Module 5 - Motion for Promotion (Logo Stinger)

My stop motion research from the prompt:
"Do some searching and find at least 5 examples that show some of the 12 Principles of Animation. For example, you could have one video clip that shows "Squash and Stretch", another video that shows "Staging", etc.
Post each to your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 5 - Motion for Promotion (Logo Stinger)

Chapter 8
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Chapter 8.

Read Chapter Summary
ICM504 - Designing for Motion/Media: Module 4 - Producttion and Post (Stop Motion II)

ICM504 - Designing for Motion/Media: Module 2 - Mixing Motion (Cinemagraphs) - Project

Full stop-motion animation created for Module 4.

See Project
ICM504 - Designing for Motion/Media: Module 4 - Producttion and Post (Stop Motion II)

Image from this Disqus article.

ICM504 - Designing for Motion/Media: Module 4 - Production and Post (Stop Motion II)

My stop motion research from the prompt:
"Do some search and fine 2 examples of effective audio. Try to find something with ambient audio, sound effects, and music.
Do some search and fine 2 examples of effective text animation. These can be title sequences, logo animations, or other projects where text is animated in some way.
Post each to your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 4 - Production and Post (Stop Motion II)

Chapter 6 - Chapter 7
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Chapter 6 through Chapter 7.

Read Chapter Summary
ICM504 - Designing for Motion/Media: Module 3 - Pre-Production in Action (Stop Motion I)

ICM504 - Designing for Motion/Media: Module 3 - Pre-Production in Action (Stop Motion I) - Project

My Pre-Production story summaries/storyboards and Test Animation.

See Project
ICM504 - Designing for Motion/Media: Module 3 - Pre-Production in Action (Stop Motion I)

ICM504 - Designing for Motion/Media: Module 3 - Pre-Production in Action (Stop Motion I)

My stop motion research from the prompt:
"Do some searching and find 5-10 stop motion animations that speak to you on some level. If you see something really amazing, hypothesize how they might have accomplished it.
Post each to your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 3 - Pre-Production in Action (Stop Motion I)

Chapter 4 - Chapter 5
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Chapter 4 through Chapter 5.

Read Chapter Summary
Cry Me a Waterfall Cinemagraph

ICM504 - Designing for Motion/Media: Module 2 - Mixing Motion (Cinemagraphs) - Project

I created 3 animated Cinemagraphs using a variety of techniques in Adobe Photoshop CC and After Effects CC.

See Project
ICM504 - Designing for Motion/Media: Module 2 - Mixing Motion (Cinemagraphs)

ICM504 - Designing for Motion/Media: Module 2 - Mixing Motion (Cinemagraphs)

My animated GIF research from the prompt:
"Do some searching and find 5-10 animated cinemagraphs that you think are effective, fun, and/or interesting.
Post each to your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 2 - Mixing Motion (Cinemagraphs)

Chapter 2 - Chapter 3
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Chapter 2 through Chapter 3.

Read Chapter Summary
Macbook Pro Booting GIF

ICM504 - Designing for Motion/Media: Module 1 - Basic Motion (Animated GIFs) - Project

I created 3 animated GIFs using a variety of animation techniques.

See Project
ICM504 - Designing for Motion/Media: Module 1 - Basic Motion (Animated GIFs)

ICM504 - Designing for Motion/Media: Module 1 - Basic Motion (Animated GIFs)

My animated GIF research from the prompt:
"Do some searching and find 5-10 animated GIFs that you think are effective, fun, and/or interesting.
Post each to your blog/website with a sentence or two that explains why you chose it."

See Research
Animated Storytelling, Liz Blazer

ICM504 - Designing for Motion/Media: Module 1 - Basic Motion (Animated GIFs)

Introduction - Chapter 1
Summary of the assigned reading from Liz Blazer's Animated Storytelling; Introduction through Chapter 1.

Read Chapter Summary