http://cargocollective.com This is the portfolio of Greg Ruben Fri, 13 Jan 2012 01:55:14 +0000 http://cargocollective.com en http://cargocollective.com/gregruben/Dr-Seuss-The-Lorax http://cargocollective.com/gregruben/following/gregruben/Dr-Seuss-The-Lorax Fri, 13 Jan 2012 01:55:14 +0000 This is the portfolio of Greg Ruben 2591580 <img src="http://payload14.cargocollective.com/1/0/5547/2591580/lorax_00.jpg" border="0" width="504" height="994" width_o="504" height_o="994" src_o="http://payload14.cargocollective.com/1/0/5547/2591580/lorax_00_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591580/lorax_01.jpg" border="0" width="504" height="994" width_o="504" height_o="994" src_o="http://payload14.cargocollective.com/1/0/5547/2591580/lorax_01_o.jpg" align="left" /> To count down the days to the theatrical release of Dr. Seuss' the Lorax (which, by the way, falls on Dr. Seuss' birthday), Universal Pictures decided to post a special piece of Seuss-themed content each day on the movie's Facebook page. The campaign was called 60 Days of Seuss. I designed this Facebook tab used to aggregate the 60 posts in a central archive. http://cargocollective.com/gregruben/Shutters-on-the-Beach-mobile-site http://cargocollective.com/gregruben/following/gregruben/Shutters-on-the-Beach-mobile-site Thu, 12 Jan 2012 08:04:01 +0000 This is the portfolio of Greg Ruben 2591883 <img src="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobilehome1001.jpg" border="0" width="650" height="1031" width_o="650" height_o="1031" src_o="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobilehome1001_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobilehome1008.jpg" border="0" width="650" height="1031" width_o="650" height_o="1031" src_o="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobilehome1008_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileneighborhood1001.jpg" border="0" width="650" height="1031" width_o="650" height_o="1031" src_o="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileneighborhood1001_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileneighborhood1004.jpg" border="0" width="650" height="1031" width_o="650" height_o="1031" src_o="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileneighborhood1004_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileonePico1001.jpg" border="0" width="650" height="1031" width_o="650" height_o="1031" src_o="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileonePico1001_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileonePico1002.jpg" border="0" width="650" height="1031" width_o="650" height_o="1031" src_o="http://payload14.cargocollective.com/1/0/5547/2591883/sotbmobileonePico1002_o.jpg" align="left" /> The Branding Farm had just completed a redesign of the websites for Edward Thomas Collection's three hotel properties when they hit us up for step 2. Now that the desktop sites were up to date, it was time to make sure the hotels were mobile-friendly. We began with Shutters on the Beach, a lovely hotel in Santa Monica, CA. Our goal was to remain true to the Shutters brand while crafting a get-in/get-out functional experience. I handled IA, UI/UX, and design. The design has since been repurposed for Hotel Casa del Mar and Canary Santa Barbara. Visit shuttersonthebeach.com on a mobile device to see it in action. http://cargocollective.com/gregruben/Universal-100th http://cargocollective.com/gregruben/following/gregruben/Universal-100th Thu, 12 Jan 2012 07:55:18 +0000 This is the portfolio of Greg Ruben 2591567 <img src="http://payload14.cargocollective.com/1/0/5547/2591567/cntl_01_675.jpg" border="0" width="674" height="508" width_o="674" height_o="508" src_o="http://payload14.cargocollective.com/1/0/5547/2591567/cntl_01_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591567/cntl_02_675.jpg" border="0" width="674" height="508" width_o="674" height_o="508" src_o="http://payload14.cargocollective.com/1/0/5547/2591567/cntl_02_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591567/cntl_03_675.jpg" border="0" width="674" height="508" width_o="674" height_o="508" src_o="http://payload14.cargocollective.com/1/0/5547/2591567/cntl_03_o.jpg" align="left" /> 2012 is the 100th anniversary of Universal Pictures. That's not just 100 years of any old company selling any old product. It's 100 years of Jaws, Do the Right Thing, and E.T. 100 years of Jurassic Park, The Sting, and Vertigo. It's 100 years of iconic movie moments and the memories we all have of them. I was heavily involved in the concepting of the Universal 100th site from all angles - the brand positioning, interface, content strategy, and general campaign strategy. I handled all UI/UX for the site and worked closely with our art director and developers to bring life to my wireframes. I also handled the majority of design revisions and direction of social elements like the campaign Tumblr and Facebook tab. http://cargocollective.com/gregruben/GOOD-x-Levi-s-Infographic http://cargocollective.com/gregruben/following/gregruben/GOOD-x-Levi-s-Infographic Thu, 12 Jan 2012 07:21:35 +0000 This is the portfolio of Greg Ruben 2591572 <img src="http://payload14.cargocollective.com/1/0/5547/2591572/good_675.jpg" border="0" width="674" height="1144" width_o="674" height_o="1144" src_o="http://payload14.cargocollective.com/1/0/5547/2591572/good_o.jpg" align="left" /> GOOD Magazine had a partnership with Levi's in the works when they asked me to design this infographic. As any wearer of Waterless Jeans can tell you, Levi's loves water conservation. Thus, the subject of the infographic: ways to save water at home. Fun fact: when Alyssa Milano tweeted a link to the infographic on GOOD.is, views skyrocketed. It's now one of the most viewed infographics on the site. <img src="http://payload14.cargocollective.com/1/0/5547/2591572/Screen shot 2011-08-31 at 9.17.38 PM.png" border="0" width="590" height="112" width_o="590" height_o="112" src_o="http://payload14.cargocollective.com/1/0/5547/2591572/Screen shot 2011-08-31 at 9.17.38 PM_o.png" align="left" /> http://cargocollective.com/gregruben/INPINK http://cargocollective.com/gregruben/following/gregruben/INPINK Thu, 12 Jan 2012 07:14:36 +0000 This is the portfolio of Greg Ruben 2591575 <img src="http://payload14.cargocollective.com/1/0/5547/2591575/inpink_01_675.jpg" border="0" width="672" height="442" width_o="672" height_o="442" src_o="http://payload14.cargocollective.com/1/0/5547/2591575/inpink_01_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591575/inpink_02_675.jpg" border="0" width="672" height="442" width_o="672" height_o="442" src_o="http://payload14.cargocollective.com/1/0/5547/2591575/inpink_02_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591575/inpink_03.jpg" border="0" width="623" height="1246" width_o="623" height_o="1246" src_o="http://payload14.cargocollective.com/1/0/5547/2591575/inpink_03_o.jpg" align="left" /> While working on the website for jewelry retailer INPINK, I had the opportunity to fill out the proverbial gaps with some illustrations and UI work. Here are a few of my favorites - the skeumorphism of Dear Pink and INdex, and my design for the site's blog. http://cargocollective.com/gregruben/So-Many-Wizards http://cargocollective.com/gregruben/following/gregruben/So-Many-Wizards Thu, 12 Jan 2012 07:04:54 +0000 This is the portfolio of Greg Ruben 2591584 When Los Angeles' So Many Wizards asked me to shoot a music video for their tune "Inner City", I happily obliged. They're good friends of mine, and I love their music. The video features John Davies as an employed twenty-something under the influence of Falling Down. Shot entirely with a Snorricam, we follow him as he wanders aimlessly around LA. http://cargocollective.com/gregruben/Squaremeal http://cargocollective.com/gregruben/following/gregruben/Squaremeal Thu, 12 Jan 2012 06:23:31 +0000 This is the portfolio of Greg Ruben 2591591 <img src="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_1.jpg" border="0" width="540" height="894" width_o="540" height_o="894" src_o="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_1_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_2.jpg" border="0" width="540" height="894" width_o="540" height_o="894" src_o="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_2_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_3.jpg" border="0" width="540" height="894" width_o="540" height_o="894" src_o="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_3_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_4.jpg" border="0" width="540" height="894" width_o="540" height_o="894" src_o="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_4_o.jpg" align="left" /> <img src="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_5.jpg" border="0" width="540" height="894" width_o="540" height_o="894" src_o="http://payload14.cargocollective.com/1/0/5547/2591591/squaremeal_203_5_o.jpg" align="left" /> After countless IM conversations about where we should eat lunch, my coworker, Bret Morris, and I figured out the perfect solution: Squaremeal. This iPhone app pulls in a user's Foursquare checkin history and offers a random restaurant in a set radius from their current location. It's perfect for indecisive types or anyone who likes rediscovering old favorites. Squaremeal is currently in development; stay tuned. http://cargocollective.com/gregruben/Never-Say-Never http://cargocollective.com/gregruben/following/gregruben/Never-Say-Never Thu, 09 Jun 2011 05:23:37 +0000 This is the portfolio of Greg Ruben 1560838 <img src="http://payload.cargocollective.com/1/0/5547/1560838/bieber_675.jpg" border="0" width="675" height="216" width_o="993" height_o="318" src_o="http://payload.cargocollective.com/1/0/5547/1560838/bieber_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560838/b01.jpg" border="0" width="650" height="432" width_o="650" height_o="432" src_o="http://payload.cargocollective.com/1/0/5547/1560838/b01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560838/b02.jpg" border="0" width="650" height="432" width_o="650" height_o="432" src_o="http://payload.cargocollective.com/1/0/5547/1560838/b02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560838/b03.jpg" border="0" width="650" height="432" width_o="650" height_o="432" src_o="http://payload.cargocollective.com/1/0/5547/1560838/b03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560838/b04.jpg" border="0" width="650" height="432" width_o="650" height_o="432" src_o="http://payload.cargocollective.com/1/0/5547/1560838/b04_o.jpg" align="left" /> Paramount Pictures called on the Branding Farm one day at the behest of a very important young man: Justin Bieber. With over 25 million likes on Facebook and more than 10 million Twitter followers, to say JB has some internet presence would be a massive understatement. So when we were asked to pitch on the DVD release of Never Say Never, we answered back with a campaign to fit - turning the DVD's release weekend into a full blown holiday for Beliebers. The #NSNweekend headquarters were a microsite that allowed Facebook users to RSVP for a huge global viewing party event as well as create their own private viewing parties for their friends. On May 6 things really kicked into gear. For an entire week everyone who confirmed their attendance was given a daily exclusive party favor. Content ranged from Sweetart Smoothie recipes (Justin's favorite candy, of course) to a special NSN Google Chrome theme to a life-size poster of the Biebs. The most popular party favor? A personalized Twitter skin, autographed by Justin just for you. Additionally, we created a Facebook app, Pic Me JB, which allowed users to take a pic with JB in which they're jointly forming one of his signature hand-hearts. Roughly 3,000 people a day used Pic Me JB to show their love, many of whom took it to the next level by setting it as their profile pic (myself included). I contributed to the creative strategy on #NSNweekend, developing the concept of the campaign by working closely with the rest of the Branding Farm's creative team. I also worked extensively on UI, developing wireframes and user flows for both #NSNweekend and Pic Me JB. Lastly, I created most of the original party favors given out to the many Beliebers who RSVP'd. Visit nsnweekend.com Snap a pic with Pic Me JB http://cargocollective.com/gregruben/Shutters-on-the-Beach-desktop-site http://cargocollective.com/gregruben/following/gregruben/Shutters-on-the-Beach-desktop-site Thu, 09 Jun 2011 05:07:06 +0000 This is the portfolio of Greg Ruben 1560522 <img src="http://payload.cargocollective.com/1/0/5547/1560522/sotb_01.jpg" border="0" width="650" height="522" width_o="650" height_o="522" src_o="http://payload.cargocollective.com/1/0/5547/1560522/sotb_01_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560522/sotb_02.jpg" border="0" width="650" height="522" width_o="650" height_o="522" src_o="http://payload.cargocollective.com/1/0/5547/1560522/sotb_02_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560522/sotb_03.jpg" border="0" width="650" height="522" width_o="650" height_o="522" src_o="http://payload.cargocollective.com/1/0/5547/1560522/sotb_03_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/1560522/sotb_04.jpg" border="0" width="640" height="514" width_o="640" height_o="514" src_o="http://payload.cargocollective.com/1/0/5547/1560522/sotb_04_o.jpg" align="left" /> An important design element on Shutters' website is a central area, shown on almost every page, that is used for full browser width video or photography. I devised of a videography style that emphasizes serenity and timelessness. Everything is slowed down to a dreamlike pace, broken only to be slowed even further during a few particularly evocative moments. All shots transition with smooth fades rather than hard cuts. A secondary video style is used on the Shutters on the Beach homepage. This one is quite simple, yet striking: a still shot of the hotel at dusk. A moody cyan sky complements the windows, illuminated with golden reflections from a gorgeous LA sunset. People pass by, jogging, strolling, cycling, ambling - you get the idea. The homepage video is a subversion of the traditional exterior architectural photo; it's a photo come to life. Shutters on the Beach - Home Shutters on the Beach - Coast Shutters on the Beach - Beachside Experience http://cargocollective.com/gregruben/A-VeryNice-Design-Studio http://cargocollective.com/gregruben/following/gregruben/A-VeryNice-Design-Studio Mon, 28 Feb 2011 06:10:04 +0000 This is the portfolio of Greg Ruben 350785 I directed, shot, and edited these two videos for A VeryNice Design Studio, a non-profit design firm run by Matthew Manos. The first video is a profile of the company, and the second is a profile of one of their clients, Happy Angels Dog Rescue. <img src="http://payload.cargocollective.com/1/0/5547/350785/asbshirt1.jpg" border="0" width="640" height="628" width_o="640" height_o="628" src_o="http://payload.cargocollective.com/1/0/5547/350785/asbshirt1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/350785/asbshirt2.jpg" border="0" width="640" height="628" width_o="640" height_o="628" src_o="http://payload.cargocollective.com/1/0/5547/350785/asbshirt2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/0/5547/350785/asbshirt3.jpg" border="0" width="640" height="628" width_o="640" height_o="628" src_o="http://payload.cargocollective.com/1/0/5547/350785/asbshirt3_o.jpg" align="left" /> I also worked with Matthew Manos to create this shirt design for Alternative Spring Break's University of Michigan chapter. The isotypes on the shirt represent the various types of community work the students participated in over their spring break.