graphic + web + motion designTumblr (3.0; @jrubenoff)http://portfolio.jrubenoff.com/<img src="http://25.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo1_500.png"/><br/> iPad app: sample eBook page<br/><br/> <img src="http://30.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo2_500.png"/><br/> iPad app: Listen page<br/><br/> <img src="http://30.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo3_500.png"/><br/> iPad app: Watch page<br/><br/> <img src="http://28.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo4_500.jpg"/><br/> iPad app: custom Twitter UI<br/><br/> <img src="http://30.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo5_500.png"/><br/> iPad app: Game UI<br/><br/> <img src="http://26.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo6_500.png"/><br/> Mac client start-up screen<br/><br/> <img src="http://29.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo7_500.jpg"/><br/> Mac client: adding home screen image<br/><br/> <img src="http://28.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo8_500.jpg"/><br/> Mac client: dragging media asset icon<br/><br/> <img src="http://27.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo9_500.jpg"/><br/> Mac client: viewing app structure<br/><br/> <img src="http://26.media.tumblr.com/tumblr_ljog23sq9G1qzxh3wo10_500.png"/><br/> Mac client: selecting media assets<br/><br/> <p><b>Liquify Digital</b> - 2010-2011</p> <p>The goal of this project was to create an enterprise publishing platform for tablet devices that would enable users of minimal technical aptitude to create visually stunning rich-media ebook apps. I designed the Mac publishing client and a sample iPad app that displayed the capabilities of the platform.</p>http://portfolio.jrubenoff.com/post/4626515061http://portfolio.jrubenoff.com/post/4626515061Fri, 15 Apr 2011 00:49:00 -0400<img src="http://24.media.tumblr.com/tumblr_lgadvaA5C91qzxh3wo1_500.png"/><br/> Front cover<br/><br/> <img src="http://28.media.tumblr.com/tumblr_lgadvaA5C91qzxh3wo2_500.png"/><br/> Back cover<br/><br/> <img src="http://29.media.tumblr.com/tumblr_lgadvaA5C91qzxh3wo3_500.png"/><br/> Inside left detail<br/><br/> <img src="http://30.media.tumblr.com/tumblr_lgadvaA5C91qzxh3wo4_500.png"/><br/> Inside right detail<br/><br/> <img src="http://26.media.tumblr.com/tumblr_lgadvaA5C91qzxh3wo5_500.png"/><br/> Packaging photo<br/><br/> <p><b>Lacking Supervision</b> - 2010</p> <p>Album cover for the University of Vermont Top Cats, a college a cappella group.</p>http://portfolio.jrubenoff.com/post/3177959818http://portfolio.jrubenoff.com/post/3177959818Tue, 08 Feb 2011 01:54:45 -0500<img src="http://30.media.tumblr.com/tumblr_kxoxevIcZR1qzxh3wo1_500.png"/><br/> <br/><img src="http://28.media.tumblr.com/tumblr_kxoxevIcZR1qzxh3wo2_500.png"/><br/> <br/><img src="http://24.media.tumblr.com/tumblr_kxoxevIcZR1qzxh3wo3_500.png"/><br/> <br/><img src="http://30.media.tumblr.com/tumblr_kxoxevIcZR1qzxh3wo4_500.png"/><br/> <br/><img src="http://29.media.tumblr.com/tumblr_kxoxevIcZR1qzxh3wo5_500.png"/><br/> <br/><p><b>JoVE Website Mockups</b> - 2009</p> <p>Draft mockups of a website redesign for JoVE, an online academic video journal specializing in the biological sciences.</p>http://portfolio.jrubenoff.com/post/384092382http://portfolio.jrubenoff.com/post/384092382Wed, 30 Sep 2009 03:09:00 -0400<img src="http://30.media.tumblr.com/tumblr_kqrvtiVuw11qzxh3wo1_r4_500.jpg"/><br/><br/><p><b>Alexander Freeman</b> - 2009</p> <p>An unseen elderly man is molested and murdered by his caretaker in this short-film adaptation of <i>The Tell-Tale Heart</i>. The filmmaker wanted an original illustration for the DVD packaging which appropriately conveyed the ominous tone of its contents.</p>http://portfolio.jrubenoff.com/post/200758504http://portfolio.jrubenoff.com/post/200758504Wed, 30 Sep 2009 03:08:00 -0400<iframe src="http://player.vimeo.com/video/3425666" width="400" height="225" frameborder="0"></iframe><br/><br/><p><b>Popular With Youths</b> - 2008<br/><br/>As part of a final class project, I shot, animated and designed logos for this brief title sequence.<br/><br/>[View this in <a href="http://vimeo.com/3425666">full size</a>.]</p>http://portfolio.jrubenoff.com/post/82612978http://portfolio.jrubenoff.com/post/82612978Sun, 01 Mar 2009 17:04:00 -0500<img src="http://28.media.tumblr.com/jtMxfY7ekkjt8qjeQEy2qaI3o1_r1_500.jpg"/><br/><br/><p><b>Personal Website</b> - 2008</p>http://portfolio.jrubenoff.com/post/82611935http://portfolio.jrubenoff.com/post/82611935Sun, 01 Mar 2009 17:03:00 -0500<img src="http://30.media.tumblr.com/jtMxfY7ekkjt48khjovt0p1bo1_500.jpg"/><br/><br/><p><b>Project AM</b> - 2005<br/><br/>Website splash page. In high school, I founded and coordinated a fan-film project with eight volunteer staff members. In addition to writing a feature-length script, we managed to produce weekly podcasts and maintain an active message board with more than 700 registered users.</p>http://portfolio.jrubenoff.com/post/82611129http://portfolio.jrubenoff.com/post/82611129Sun, 01 Mar 2009 16:51:00 -0500<img src="http://25.media.tumblr.com/jtMxfY7ekkjs2bofxpkwy1U7o1_r1_500.jpg"/><br/><br/><p><b>Broken Saints</b> - 2008<br/><br/>Sample graphic used on merchandise (T-shirts, buttons, etc.) promoting both the independent film <a href="http://www.brokensaints.com">Broken Saints</a> and its globally-distributed DVD release with 20th Century Fox Home Video.</p>http://portfolio.jrubenoff.com/post/82604655http://portfolio.jrubenoff.com/post/82604655Sun, 01 Mar 2009 16:27:00 -0500<iframe width="400" height="299" src="http://www.youtube.com/embed/xw4RHBYBOSI?wmode=transparent&autohide=1&egm=0&hd=1&iv_load_policy=3&modestbranding=1&rel=0&showinfo=0&showsearch=0" frameborder="0" allowfullscreen></iframe><br/><br/><p><b>College of the Atlantic</b> - 2008 <br/><br/>Throughout the summer, various students and staff used consumer DV cameras to shoot raw footage of the college’s Family Nature Camp. I was brought in over three days to edit and color-correct this footage into a finished promotional video.</p>http://portfolio.jrubenoff.com/post/82613442http://portfolio.jrubenoff.com/post/82613442Sun, 01 Mar 2009 15:37:00 -0500