ArcStone & Sussner Deliver Flash Work That’s Right On Target

Tuesday, April 21st, 2009

Target Commercial Interiors

When companies want to beef up their brand identity they go to a design firm or ad agency for an image overhaul. When design firms want to breathe life into their images they go to ArcStone.

Target came to Sussner Design Co for help redefining their new commercial interiors division. Sussner created, among other things, a compelling new web site design that would serve as the basis for an interactive Flash experience.

Few Web Development Shops Possess Both the production skills & Design Sensibilities
Faced with a tight budget and even tighter time-line, Sussner invited ArcStone to provide Flash production work that would live up to the high standards Susssner’s clients expect. And Sussner Design Co. is well aware, not all Flash work is created equal. Few web development shops posses both the production skills and design sensibilities to work side by side with design firms developing Flash sites.

Target Commercial Interiors

Beyond Looks
Truly effective Flash sites that wow visitors and create lasting brand impressions do more than just look good. Load times, image quality, typography, and navigation elements all factor into the overall user experience.

This is where ArcStone’s Flash production expertise comes into play. Each image used is optimized for Flash delivery and pre-loaded behind the scenes to insure smooth transitions.

We also leverage Flash’s excellent XML support and AS3 coding language to make much of the site dynamically loaded, making maintenance easy for the client and extremely cost effective.

ArcStone Has Developed A Keen Sense Of How To Blend Flash With HTML, PHP, ColdFusion
To Flash Or Not To Flash
Another key part of Flash production work is deciding which elements should be Flash based and which are better of presented another way.

After years of building Flash sites ArcStone has developed a keen sense of how to blend Flash with HTML, PHP, ColdFusion, and other tools, delivering a seamless user experience and the highest bang for our customers buck.

In Target’s case ArcStone found creative ways to integrate existing content, saving time, money, and preserving some of Target’s initial investment. The product search engine, for example, feels like a native part of the site even though it comes from a third party system.

Target Commercial Interiors Product Search

Beauty & Brains
Although most sites could be built without the use of Flash there are many reasons designers and developers choose to leverage Flash’s unique capabilities. Flash is often the best choice for:

  • Showcasing High-Quality Imagery
  • Creating a Unique User Experience
  • Melding Multiple Types of Media (Text, Images, Video, Audio)
  • Telling a Compelling and Memorable Narrative

The marriage of great design and smart Flash coding make the new Target Commercial Interiors site an effective branding tool and a useful source of information for visitors.

Check out the new Target Commercial Interiors Site, learn more about Sussner Design and read our other Technology Translated Flash Blog Posts.

To learn more about how Flash can make your products look their best, leave a lasting impression on visitors, and differentiate you from your competitors, check out ArcStone’s web site.

here it comes, Flashbelt 2009

Tuesday, March 31st, 2009

Flashbelt Banner

Flashbelt 2009 is right around the corner. A truly exciting event where local flash designers and developers converge to see some amazing demo’s. A chance to learn what Adobe and flash masters are working on to push the boundaries and maximize the efficiencies of using flash in day-to-day work and play. The event is made up of both presentations and workshops and other events, and is appropriate for all experience levels.

Never been? Check out at least one presentation, you will undoubtedly go back for more. get yourself registered, space is limited.

Learn more about it and see who’s there this year.

Thanks to our friend Dave Schroeder at Pilotvibe, the founder and host

Valentine’s Day renderings – programming shadows in ActionScript 3

Sunday, February 15th, 2009

I’ve been putting some thought lately into the best way to render shadows in AS3. The built-in DropShadowFilter is perfect for most situations – particularly headlines and simple movie clips – but it lacked perspective control, at least for what I was envisioning…

arcstonevalentine.jpg

(more…)

Purple Brick and Slate is the new Sage Stucco and Shingles

Wednesday, February 11th, 2009

We recently completed an ‘Interactive Roof Designer’ Flash piece for Trimline Building Products. The objective was to create an area where prospective clients could customize the look of a house, and apply different colors from Trimline’s Distinction Tile and Distinction Slate composite roofing product lines. The final piece allowed for some interesting looking houses – here’s a break down of the process for each step…

Trimline Interactive Roof Designer

1. CHOOSE HOME STYLE
3 photos were selected to represent different house styles. The idea at this point was to focus on the overall structure of the house – as the material, color and roof product would be customized in the following steps. ArcStone’s Nick Longtin created line drawings of each house. He did it all with his left hand while sipping a delicate blend of herbs and spices with his right.

select_style.jpg

2. SELECT MATERIAL & COLOR
This stage allows you to select a building material – brick, stucco or siding – and customize the overall color. Using ActionScript’s BitmapData, a custom ColorSelector class was written to avoid using a simple color picker with a limited palette. This allowed use of the full spectrum and a color intensity slider (saturation).

custom_house1.jpg

Surprisingly, the bulk of the work at this stage wasn’t the ColorSelector or Flash development – it was the laborious job of masking out the exposed building on all 3 house photos and applying brick, stucco and siding textures to to each house with perspective and shadows in mind. The textures where then desaturated to a medium gray and applied to each house in Flash as a MovieClip, set to BlendMode.OVERLAY. When the ColorSelector dispatches a CHANGE event – the new color gets applied to the selected texture movieclip (via ColorTransform manipulations).

3. DESIGN YOUR ROOF
The final step – applying different roof products – was achieved through the same techniques as step 2, but the tint color overlay was limited to the colors of the individual composite roofing products.

The final product allows visitors to visualize their dream roof in real-time, right in the browser, and without downloading any software. Other similar systems from Timeline’s competitors often rely on server side image manipulation that is slow, requires page refreshing, and just isn’t very interactive.

Flash is a great technology for visualizing products, and incredibly effective at drawing customers into site content by offering engaging interactive elements. If you’re interested in bringing a product or service to life on the web please contact us. We would be happy to discuss the wonderful options Flash and other technologies offer.

Introducing a new ActionScript 3.0 SlideShow class

Tuesday, September 16th, 2008

There’s just something about high quality photos fading in and out that always seem to take the feel of a site up a notch or two. Good examples are AMO’s very own Arizona Medical Group Management Association (AZMGMA) and Metro Atlantic Relocation Council (MARC). Both of these sites use a custom XML-driven Flash slide show, developed internally a couple of years ago. The ease of updates from using XML, and the aforementioned Flash flashy-ness make it a perfect solution for breathing life into an otherwise static page.

Gallatin Canyon - Nik Rowell Photography
Click the photo to see the slideshow in action, using recent photos from Montana and Yellowstone, or read on to learn more …

(more…)

Fuzzy Flashbelt Flashback…

Sunday, July 6th, 2008

Our very own Jess Louwagie and former employee Tim Bramer both made an appearance on Robert Hodgin’s blog – the conference’s closing speaker.

See for yourself here – and be sure to check out some of Robert’s amazing Processing experiments while you’re there. (Thanks for the inspiration Robert – Amazing presentation!)

Make Some Perlin Noise! … a Flashbelt Follow-up

Sunday, June 15th, 2008

I had the opportunity to attend Flashbelt again this year. And it was awesome.

perlin_snapshot.jpg

This year’s highlight was seeing Jared Tarbell speak again, who’s done amazing work in both Processing and Flash, and is a the co-founder of Etsy, an excellent marketplace for all things handmade! For those who have kids, or like wearing really small clothing, be sure to check out Orange Rhino for some sweet threads from our very own Jess Louwagie.

Jared’s session once again left me speechless. The work was refined and elegant, the music fitting, and the presentation seamless. What inspired me the most of about these speakers, however, was not just their work. It was how approachable they all were. And how apparent it was that their work was fueled by curiosity; a willingness to make mistakes and a stubbornness not to give up.

One of Jared’s pieces that caught my eye was a series renderings that used Perlin Noise to generate forms resembling an iris (of the eye, not the flower).

While analyzing some of his source code (special thanks to Jared for providing it), and listening to Eric Jordan’s mix, Indigo, it became apparent to me the potential of using BitmapData.perlinNoise() and BitmapData.getPixel() to achieve organic, pseudo-random results.

Read on to see my latest experiments – Click the images to see the full-version. They look better :)(more…)

Flashbelt is right around the corner

Thursday, June 5th, 2008

A few years back our friend Dave Schroeder of Pilotvibe decided it was time to put the Midwest on the ‘flash’ map, and started Flashbelt.

For those who don’t know – its an incredibly educational and inspirational 3 days of presentations, panel discussions and workshops. Speakers typically have a focus, whether industry (advertising, commerce, education) or specialty (flash audio, as3, animation etc) and often are well-known for their groundbreaking work in a specific area or project. Its a refreshing mix of Adobe Scientists, authors/gurus, well known designers/developers and independent experimental producers. Our own Nick Longtin even presented last year.

Whether you are someone who sells interactive projects, designs for the web, or develops flash interactive or other, I would highly recommend catching at least a couple of presentations. You will learn and walk away inspired. It rivals the feeling of Spring in Minnesota for the interactive industry.

June 8-11th in Minneapolis, MN – See you there

Papervision3D DOES NOT meet SoundData, unfortunately

Thursday, April 17th, 2008

I had every intention of using my recently released SoundData class in an experiment with Papervision3D. I got pretty far: Picked out a good Armin Van Buuren track, had an interesting animation started; just hadn’t added the code to respond to the sound spectrum.

Unfortunately, once I loose a little momentum on one of these side projects, the likelihood of a bigger, better experiment stealing it’s lunch money gets pretty high. I grew rather attached to this latest experiment and, despite it’s somewhat ‘incompleteness’, I wanted to share it anyways.

Special thanks to Seb Lee-Delisle for the inspiration and all his particle work on Papervision3D!

Here’s the experiment. Enjoy! (there are several colors and speeds… so if you don’t like what you get on the first pass… refresh the page ;)

3D particles sans-sound

Fields of Purple – experiments with Papervision3D

Saturday, March 29th, 2008

I realize it’s been a while since my last flash experiment covering Audio Visualization with ActionScript… but fear not – I haven’t been taking a break. Very much the contrary :)

(more…)