http://localhost:8888/../index.php Luxurious Completed Projects en garrett@luxanimals.com Copyright 2013 2013-04-15T15:41:52+00:00 http://www.luxanimals.com/portfolio/winning_on_the_road
When CDW asked for a site with enough horsepower to match their new Technoliner Ultimate Technology Vehicle, Ogilvy brought us on board. We decided the best way to convey a cross-country extravaganza was to take a detour from standard vertical or horizontal scrolling parallax sites and enter the third dimension (aka "z-space" in the nerd dimension). To increase MPG (megabytes per grin) efficiency, we coupled lightweight vector graphics with GPU accelerated animations. The result? An online experience that delivers high-performance matched with beautiful styling.

The site follows the fictitious Gordan & Taylor company as they hit the highway in a high-tech office on wheels. Turns out Charles Barkely is a member of the IT team at Gordon & Taylor, “a company that wins at everything.” Charles helps them win basketball games (or lose at golf, which is a form of winning), and CDW helps them win at IT — since Sir Charles doesn’t have a lot of experience in that arena. Thankfully, CDW has lots of experience in many arenas: they provide technology solutions for some of the country’s biggest sports venues.

To showcase CDW’s stadium wins and mobile technology solutions, Ogilvy crafted the concept of the Gordon & Taylor mobile office — a bus packed with the latest and greatest offerings from CDW partners like HP, Cisco, NetApp, and VMware.

Even cooler, CDW teamed up with West Coast Customs to create a real-world version of the bus. The Technoliner Ultimate Technology Vehicle is a tricked-out tech triumph, and it’s rolling to a city near you.

We delivered our own brand of technology solutions to the site, taking advantage of native SVG rendering, hardware accelerated CSS transitions and transforms, and requestAnimationFrames for high fidelity motion.]]> http://www.luxanimals.com/portfolio/winning_on_the_road http://www.luxanimals.com/assets/images/ee/portfolio/cdw_winningontheroad_242x130.jpg Interactive, Mobile, Development, Retail, Technology, 2013-04-15T15:41:52+00:00 http://www.luxanimals.com/portfolio/panera_live_consciously
Hot out of the oven! Luxurious Animals partnered with Cramer-Krasselt to create the Live Consciously, Eat Deliciously site and banner campaign.

Based around the idea of a Rube Goldberg machine that would tell the story of Panera’s commitment to their craft, we created an entire world from scratch. By blending photo and video assets that we captured in our studio with elements we created in 3D, we were able to maintain a precise level of control over fantastic contraptions that explored four of Panera’s most important brand pillars: Bread, Craft, Trust, and Community.

We paired those videos with interactive start screens and wrapped them all in a beautiful, tablet-friendly HTML5 web experience featuring an intuitive user interface that matches the whimsical, hand-made feel of the devices in the site and Panera’s brand identity. There’s also a mobile web app that brings nearly all of the features of the site to iOS or Android smartphones.

To help get the word out, Luxurious Animals built a banner campaign that leveraged the visual language we created for the site as well as the ‘Anthem’ TV commercial. The banners feel like a natural entryway to the site and tease some of its content without giving anything away (spoiler alert: Panera does give stuff away).

Lest you think it’s all crazy contraptions, the site also houses 11 articles complete with photo and video content that describe in detail Panera’s overarching commitment to quality. Explore the cycle of doing good — it’s delicious.]]> http://www.luxanimals.com/portfolio/panera_live_consciously http://www.luxanimals.com/assets/images/ee/portfolio/panera_ED_thumb_fwa.jpg Interactive, Live Action, Design, Mobile, Development, 3D Design, Food & Beverage, 2013-02-19T00:13:29+00:00 http://www.luxanimals.com/portfolio/lufthansa_lounge
Three times is a charm when working with Lufthansa and Esquire on a series of December events. Each night the event represents a different aspect of the Esquire man. Music, Sports, and Food. Guests can tweet and take Instagram photos during the parties and see the results in the handsome social media lounge. Every photo and tweet goes to charity to help victims of Hurricane Sandy. We love the juxtaposition of old and new. The fireplace was the first gathering area for stories to be told. Now media screens adorn the sides to allow for new ways to enjoy the party. ]]> http://www.luxanimals.com/portfolio/lufthansa_lounge http://www.luxanimals.com/assets/images/ee/portfolio/esquire_lounge_thumb.jpg Interactive, Installation, Lifestyle, Transportation, 2012-12-04T16:43:11+00:00 http://www.luxanimals.com/portfolio/panera_soups
Just in time for the colder weather, Luxurious Animals and C-K partnered on the Panera Soup microsite and banner campaign. We flew out to Chicago for a two-day photo shoot, managing visual effects supervision with photographer Michael Mays on steam, motion assets and photo placement for interactive components.

After our in-house team performed color correction, retouching, and compositing, we set to work designing an immersive panning site experience, complete with a fast-paced, addictive memory game, the Soup Scrambler.

The site presents an overhead view of a rich butcher-block chock full of delicious Panera soups and their wholesome ingredients like Thumbelina carrots, real cream, Asiago cheese and all-natural chicken. Powered by HTML5 coded animation and responsive design, the site performs equally well on desktop PCs and tablets.

Banner Campaign
To support the site, we created an engaging banner experience that was placed on Cooking.com and Epicurious. The rich media banners featured a branded video from Panera's head chef, Dan Kish along with our hero tabletop that panned across the screen to reveal special ingredient cards. The standard banners incorporated the fun soup scrambling animation found in the game and "today's soups" menus.]]> http://www.luxanimals.com/portfolio/panera_soups http://www.luxanimals.com/assets/images/ee/portfolio/panera_Soups_thumb.jpg Interactive, Design, Motion, Development, Game, Food & Beverage, 2012-11-14T18:13:26+00:00 http://www.luxanimals.com/portfolio/morgan_stanley
To accompany their new brand vision, Morgan Stanley developed a beautiful print campaign. Highly detailed silhouettes of Morgan Stanley Financial Advisors are intricately composited with scenes of business and industry. Gorgeous backdrops of dramatic skylines mesh with oceans and rivers; bridges and roads blend with the advisors themselves.

For the accompanying digital campaign, Morgan Stanley needed an equally stunning website, to be created in tandem with motion spots being created by NYC-based production house artjail.

Working with over 3 terabytes of raw video footage, Luxurious Animals designed and developed a unique HTML5 parallax scrolling site that houses the final Morgan Stanley “What If...” Anthem video, and a series of five financial advisor interviews. The advisor silhouettes use a special masking technique we developed that blends three separate image layers into a real-time composite.]]> http://www.luxanimals.com/portfolio/morgan_stanley http://www.luxanimals.com/assets/images/ee/portfolio/ms_thumb.jpg Interactive, Motion, Development, Financial, 2012-11-13T17:47:31+00:00 http://www.luxanimals.com/portfolio/design_your_dream_hangout
Lunchables knows boredom blows. That’s why their new “Never Be Bored Again” promotion is helping kids trounce tedium. Enter “Design Your Dream Hangout” where kids can create their own personalized room, choosing from a ton of cool colors, themes, soundtracks and stuff — and put it all into an awesome space. Then they can rate other kids’ creations in the Prize Gallery, doling out some gold stickers themselves, for a change.

In Design Your Dream Hangout, kids have the opportunity to design any of three environments: a treehouse, a sports court, and a game room. These spaces would definitely be a must have in any kid’s mansion— if only mom and dad would bump their allowance by a couple of million;)

For the design tool, we fashioned an isometric 3D design environment, offering room designers a near-360° perspective on their creations without the technical overhead needed for full 3D.

Treehouse
Who wouldn’t love to climb into a two-story treehouse with a big screen LCD, a slide, and wall-to-wall carpeting? In this area, kids can choose from different basic treehouse templates, or design from scratch.

Sports Court
Lunchables gives kids energy. It’s time to unleash some of it on the soccer field. Or the basketball court. Or the hockey rink. In this space, kids can mix and match to create the sports court of their dreams.

Game Room
In this space, kids do their best to fill every square foot of floor space with a variety of different fun-filled games.

Unlockable Content
To encourage kids to create avatars, return to the site, rate gallery submissions, and design spaces, some content remains locked with a clear CTA to unlock it. Content unlocks include animations, special themes, new soundtracks, and more.

Saving
A “Save” button allows kids to save their designs for later editing. If the user isn’t logged in, app logic temporarily saves the design while taking the user through the registration flow. Kids can view previously saved designs in a “My Prizes” area, with the ability to remodel them, keeping or overwriting the original.

Gallery
In each of the three design areas, kids can submit their creations to the Gallery. Once entered, other logged-in users can rate the Treehouse, Sports Court or Game Room on a multiple star scale. Viewers can sort and search the gallery by rating, creator, or type. To encourage creation, kids can choose to use an existing design as a starting point for their own.

Go ahead - try it out yourself! Be warned, the fun is addictive.]]> http://www.luxanimals.com/portfolio/design_your_dream_hangout http://www.luxanimals.com/assets/images/ee/portfolio/thumb_DYDH.jpg Interactive, Design, Development, Game, Food & Beverage, 2012-07-11T04:05:04+00:00 http://www.luxanimals.com/portfolio/liftluxe_store
LIFTLUXE is a men's lifestyle brand that has set out to revolutionize the way men buy clothes. Co-founders, Amy Johnson and Michelle MacLachlan, have set out to elevate the personal shopping experience with their Wall Street business knowledge and their passion for fashion. LIFTLUXE is a lifestyle that's sleek, sophisticated, and for the man on the go.

Luxurious Animals has the continued pleasure of being LIFTLUXE's creative strategy and design partner. Our first challenge was to build their brand identity and logotype. We expanded to developing a photo narrative back story and a lifestyle blog. Our work culminated in developing the entire look and feel of their online store. In addition to developing the design, we worked with LIFTLUXE to design a unique shopping experience for the user that features contextual suggestions and outfit pairings. In May of 2012 this online store launched and stands out among the competitors with its sleek visuals and bold style.]]> http://www.luxanimals.com/portfolio/liftluxe_store http://www.luxanimals.com/assets/images/ee/portfolio/liftluxe_portfolio2_small.jpg Design, Lifestyle, Retail, 2012-05-02T03:39:07+00:00 http://www.luxanimals.com/portfolio/lux_ahoy
Two rivals; a sophisticated monster called LUXAMILLION and a posh elephant called TRUNKFORD, are fighting an epic war across the seven seas. Their goal: total world domination. Their mighty galleons come equipped with massive cannons - a weapon designed to strike a fatal blow! Take three devastating attacks and your enemy will find themselves at the bottom of the ocean, while the victor takes home treasure most landlubbers can only dream of. Then, on to the next island, until all the loot in the world is yours!

This game was created entirely with the html5 canvas tag and javascript. Coming from a Flash background this seemed like a daunting task at first, but thankfully there are a number of frameworks in development that make the platform a bit easier to code for. For Luxahoy we used EaselJS,SoundJS,Box2dWeb and, of course, a bit of jQuery.

In order to export all the character animations you see in the game we used Zoë to convert our flash animations to spritesheets. Zoë also works hand in hand with Easel.

The main challenge in developing an HTML5 game is optimization and browser compatibility. Canvas rendering is unfortunately still quite slow on many browsers and devices, but the animals hunkered down and overcame a lot of the drawbacks. As a result, the game should perform well on most browsers (even iPhone 4s and iPad!). Who needs flash? Please don't hesitate to send us feedback and check out this blog entry about combining easel with box2d. ]]> http://www.luxanimals.com/portfolio/lux_ahoy http://www.luxanimals.com/assets/images/ee/portfolio/la_thumb.jpg Design, Mobile, Game, Luxurious Animals, Technology, 2012-03-30T14:11:46+00:00 http://www.luxanimals.com/portfolio/hula_babies
Luxurious Animals teamed up with Ogilvy and Huggies to create a exciting island adventure! This action packed Hawaii-themed Facebook app allowed a user to cut out a picture of their baby and add it into a beautifully animated Hula Baby dance.

Functionality
A parent, friend or relative can choose to upload a photo using their webcam, a photo from their Facebook album, or simply uploading a photo from their desktop hard drive. Once your baby photo is chosen you're given the the ability to customize the scale, positioning, gender, and skin color of your Hula Baby. With the click of a button their baby's head is now mapped to a fully choreographed, hand-crafted Hawaiian dance routine. You have the options to choose a melodic Hula girls dance or a tribal Hula boy stomp routine. And watch out for some fun Hawaiian characters that accompany you in your Hula dance. Once you're finished you can share on Facebook, Twitter, embed tag or sending it via e-mail.

Results
By the end of the campaign, well over 70,000 baby videos were uploaded, enjoyed, and shared. Huggies helped diaper countless babies in need through a partnership with 'National Diaper Bank' and 'Huggies Every Little Bottom' foundations. We couldn't be more proud


]]> http://www.luxanimals.com/portfolio/hula_babies http://www.luxanimals.com/assets/images/ee/portfolio/huggies_thumb.jpg Interactive, Design, Motion, Development, Retail, 2012-03-16T03:11:00+00:00 http://www.luxanimals.com/portfolio/porsche_911_2012
The Porsche 911 has delivered legendary performance and handling for almost 50 years. With the new 911, Porsche has raised the bar once again, with a near-total redesign that still maintains the car’s rich heritage.

To support the introduction of the new model, Luxurious Animals collaborated with Cramer-Krasselt to create a banner campaign worthy of the car. Showcasing six 911 models, the rich media units feature an interactive timeline, inviting users to explore photos and video for each model, while standard units deliver near video-quality animation in under 40k.

We should all look so good on our 50th birthday.]]> http://www.luxanimals.com/portfolio/porsche_911_2012 http://www.luxanimals.com/assets/images/ee/portfolio/thumb_porsche911_portfolio.jpg Interactive, Design, Motion, Development, Transportation, 2012-02-22T21:42:54+00:00