Skip to content
Permalink
develop
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang=""> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="icon"
type="image/png"
href="fav.png">
<style>
body {
padding-top: 50px;
padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="logo.png"/></a>
<a class="navbar-brand" href="work.html">Work</a>
<a class="navbar-brand" href="services.html">Services</a>
<a class="navbar-brand" href="contact.html">Contact</a>
<a class="navbar-brand" href="about.html">About</a>
<a class="navbar-brand" href="blog.html">Blog</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
</nav>
<div class="container">
<div class="row-2">
<div class="span6">
<div class="flex-video widescreen" style="margin: 0 auto;text-align:center;">
<iframe allowfullscreen="" src="https://player.vimeo.com/video/121858786?color=ff6600" frameborder="0" width="1200" height="675"></iframe>
</div>
</div>
</div>
</div>
<div class="work-paragraphs">
<p>CT Innovations introduced –ATION to Isoplexis, a biotechnology startup that focuses on cancer treatment research. The task was to create a concise video for the company that presented their product’s unique benefits to researchers and pharmaceutical companies.</p>
<p>In our process, we followed a supplemental timeline given to us by CT Innovations. This frame of reference helped us focus on the project in stages and allowed us to jump into development with a clear, client-approved concept. Our first challenge was to ideate stylistic approaches to the video – which involved scouring the web for relevant inspiration that broadened our idea scope and opened the door for greater innovation opportunities.</p>
<p>The client decided on flow, a motion graphic concept that showcased shape-shifting transitions and an enticing color palette. From there, we began work on a script. We decided to go with a voiceover in order to allow the visuals to be explored in depth. In development, the spoken script aided in determining the pace of the animation. With constant communication between us and the client, we were able to avoid overuse of technical jargon and over-simplification in order to cater to the client’s syntax.</p>
<p>For the narrative, we juxtaposed the two leading methods of cancer treatment research and then revealed how Isoplexis had indeed found a unique method. This proved to be effective and the client approved of the storyboard, allowing us to begin work on the animated video.</p>
<p>The same graphics created in Adobe Illustrator for the storyboard were moved into Adobe After Effects with the caveat of individual layer separation per graphic. We built our story in five distinct scenes that fit together to create one overarching narrative. To complement the visual component we created original music to fit the client’s specifications. The client was very happy with the final product describing it as “very awesome”.</p>
</div>
<hr>
<footer class="footer">
<div class="container">
<a href="https://www.instagram.com/ationdm/" target="_blank"><img src="img/social/instagram.png"/></a>
<a href="https://twitter.com/ATIONDM?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank"><img src="img/social/twitter.png"/></a>
<a href="https://www.pinterest.com/ATIONDM/" target="_blank"><img src="img/social/pintrest.png"/></a>
<a href="https://www.facebook.com/ATIONDM/?fref=ts" target="_blank"><img src="img/social/facebook.png"/></a>
<a href="https://vimeo.com/ation" target="_blank"><img src="img/social/vimeo.png"/></a>
</div>
</footer>
</div> <!-- /container -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X','auto');ga('send','pageview');
</script>
</body>
</html>