# Design & Production Workflow (AKA Pipeline)

## Video Commenting Tool

* [**https://www.frame.io**](https://www.frame.io/) (There is a free, limited plan.)

## **Animation / Motion Graphics / Video Workflows** 

{% embed url="<https://learn.toonboom.com/modules/animation-workflow/topic/traditional-animation-workflow>" %}

{% embed url="<https://www.baianat.com/books/animation-revolution/2d-animation>" %}

#### **Animatic**

{% embed url="<https://www.bloopanimation.com/animatic/>" %}

By midterm, those of you producing animations will need to have a POLISHED animatic.

### **Motion Graphics Pipeline**

{% embed url="<https://www.schoolofmotion.com/blog/guide-completing-motion-design-project>" %}

{% embed url="<https://www.cgspectrum.com/blog/the-visual-effects-pipeline>" %}

#### **Animatics for Motion Design**

{% embed url="<https://www.youtube.com/watch?v=pOCdxY2ot0U>" %}

By midterm, those of you producing videos or motion design pieces, you will need to present a POLISHED hybrid animatic.

## **Game Design and Development Pipeline**

{% embed url="<https://www.cgspectrum.com/blog/game-development-process>" %}

By midterm, you should have a prototype.

## **Photo-series / Drawing / Installation Art Workflow**

It's harder to find "workflow" steps for photo series, drawings, or installation art, but a good rule of thumb is to begin with a sketch or schematic for your project.

#### For photo or drawing series:&#x20;

* How many photos/drawings do you intend on including?&#x20;
* How much digital re-touching or digital compositing are you going to incorporate, either into the photos or drawings?&#x20;
* Time yourself on one image, to come up with a realistic goal about how many you can produce in the 12 weeks you have left.&#x20;

By midterm, you should have a working build (prototype) of your UX application or website. It does not have to have full interactivity, but all elements (or stand in elements) should be in place.&#x20;

#### For installation art:&#x20;

From your initial sketch, you'll need to make a materials and equipment list. Any special materials or equipment you need, ORDER NOW, so there's no danger in these materials arriving late and disrupting the final showcase of your work.

By midterm, you should have done an equipment check and rough build to test that all elements work together, and there are no technical or spatial issues that you need to reconsider before final implementation.&#x20;

## **Sound Production Pipeline**

{% embed url="<http://xnuccio.blogspot.com/2012/12/sound-production-pipeline.html>" %}

By midterm, you should have a scratch track produced (this is a rough incomplete layout of the audio, it may or may not include final sound files and it is usually not mixed or edited completely yet).&#x20;

## **UX Design/ App Building / Website Design**

{% embed url="<https://basecamp.com/books/getting-real>" %}
by Basecamp
{% endembed %}

#### **B**egin with a user workflow (AKA a user journey or customer journey).&#x20;

{% embed url="<https://www.uxmatters.com/mt/archives/2011/09/the-value-of-customer-journey-maps-a-ux-designers-personal-journey.php>" %}

I would not worry about step 5 (including what the user is thinking or feeling). I would concentrate on what they're doing. You can also google "user workflow," "user journey," and/or "customer journey" to find more examples.

#### Mobile app design and production workflow

{% embed url="<https://codewithchris.com/how-to-make-iphone-apps-with-no-programming-experience/>" %}

{% embed url="<https://www.uxmatters.com/mt/archives/2020/10/a-guide-to-creating-mobile-app-wireframes-in-2020.php>" %}

#### Prototyping

{% embed url="<https://marvelapp.com/pop>" %}
POP by Marvel
{% endembed %}

{% embed url="<https://fuzzymath.com/wp-content/uploads/2011/07/Fuzzy-Math-How-to-read-a-wireframe.pdf>" %}

[http://www.slideshare.net/pubsmith/sketching-interfaces- workshop-interactions12-dublin](https://www.slideshare.net/pubsmith/sketching-interfaces-workshop-interactions12-dublin)

#### <https://www.uxpin.com/studio/ebooks/> **FREE UX ebooks on a myriad of topics by UXPin.**

####

#### UI/UX Trends

{% embed url="<https://uxplanet.org/10-ui-ux-trends-in-2020-3be03597dfe7>" %}

{% embed url="<http://graphicdesignjunction.com/2015/12/15-best-uiux-mobile-app-design-trends-and-key-principles/>" %}

By midterm, you should have a working build (prototype) of your UX application or website. It does not have to have full interactivity, but all elements (or stand in elements) should be in place.&#x20;

## Wearables

{% embed url="<https://www.uxmatters.com/mt/archives/2016/10/lean-ux-for-wearables-an-interview-with-greg-nudelman-part-2.php>" %}

By midterm, you should have a working build (prototype) of your wearable.

## **XR (VR/AR) Pipeline**

{% embed url="<https://learningsolutionsmag.com/articles/the-immersive-development-pipeline-for-vr-ar-and-more>" %}

{% embed url="<https://www.bbc.com/academy-guides/virtual-reality-production-where-do-i-start>" %}

By midterm, you should have a working build (prototype) of your XR application. It does not have to have full interactivity or character design, but all elements (or stand-in elements) should be in place. Lighting and other post-production effects are not necessary by midterm.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://deangela.gitbook.io/idm-senior-project-sp-2022-duff/resources/design-and-production-workflow.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.