Working with Knowawall Design in NYC, George Richmond's portfolio is a clean and simple showcase of his superior work. The interface has a traditional navigation at the bottom and an exploitive path front and center made of thumbnails. The site has several nice UI implementations such as hiding the video controls when not needed, enabling the users to be completely focused on the cinematography.
Working with Battle Media Labs, the Food & Beverage site is a media rich recruiting tool for the international cruise line. The site focuses on the amenities of the ships, the award rich history of the staff and the benefits of working aboard. The site featured a large job listing schema and filtering system for each section. It also has a slick gallery, a host of video and a global map of hiring partners.
Brave Soldier is a well known skin care line in the professional athletic circle. You can find it at most cycle shops and running stores. This year the company decided to update its brand and started with their site and you+we. As agency of record we hope to help Brave Soldier redo everything from their packaging to advertisements and more. The site is a simple BluePrint CSS structure with some basic AS3 elements. Overall the site is very minimal and clean. We used quotes related to bravery and hero shots of the sport to reinforce what the brand is all about… pushing the limits.
Working with Sisu in LA we developed this small widget for the Lost premiere of the 08 season. While it was nothing too complex, we had some fun with our favorite show on TV and some animation. The generator is powered by a series or arrays connected to each trait selected. From there the traits are tallied and the chosen arrays are combined and then randomized for a unique pick each time.
It's that time of year again! Grab your loved ones and curl up by the fire. Secret Santa is you+we's first major promotion and art direction effort. The entire project was an after hours effort and hosts a ton of minuet details in hopes to convey a warm, traditional mid-century charm. Take a moment and send a wish to a good friend or someone you know to brighten their day.
Concord recently rebranded themselves around their new watch, the C1. The site is a massive piece in that rebranding in that you can explore the watch in detail and discover the rich history of the brand. I worked with a small team of developers and designers on several major parts of the site including the global logic and structure as well as the press, news, homepage and the reconstruction exploration as well as several common components such as popup boxes, preloaders and titles. The press section is quite possibly the most challenging and complex thing I have ever scripted based around basic trig and angles.
One the most important things for me starting a new studio was my identity. It will be used on everything I do in regards to business and sets the tone for how everyone will perceive my company. Together with my first hire, George Norris, we worked through what the studio was about.
The logotype represents you, the client and we, the studio. The idea was to bring them together in a relaxed and professional way all the while respecting everything important to design. We modified many of Georgia's classic attributes such as its y's decender and tail, as well as stroke widths and medians. It resulted in a beautiful first exercise between us and marked things to come.
Working with well known photographer Peggy Sirota, both myself and Daniel Stromborg created a minimal, full browser Flash showcase for both her stunning photo work as well has her incredible video work. The XML driven site has almost no animation which is a rarity in my work but was designed as such. The site was meant to be quick to the point and minimal on design.
GetHairapy.com launched this summer as a refresh to the current product line. I worked with Rokkan and JWT to help develop the product level of the site in both English and Spanish. The site is XML driven and allows users to get details on products that would be best for them through a quiz, product overviews, tips and suggestions.
Working with Ultra 16 Inc., this localized mini-site was a worldwide promotional piece for Clinique’s new Repairwear product line. There was nothing “mini” about the development effort though. Over several weeks and many long nights, the site was built completely from scratch and delivered with 8 versions of localized XML for South Africa, France, China, Japan, Germany, Spain, Australia and the UK.
Many, many points of detail were addressed to make everything from button art that would scale in both German and French languages, to insuring Traditional Chinese and Spanish text areas would flow and fit within tightly designed areas.
The site featured a product line of 12 products, interviews and global rollover definition pop-ups for terms. In addition, a product suggestion quiz was created to find out which products were right for you as well as when you should apply them (AM/PM) based on your answers.
Working together with Indelible & Cheil, this HDTV minisite was a massive undertaking in a very short amount of time. Filled with information about their new product line, the site features tons of custom AS2 components all driven by XML to allow for the addition of products and changes to the existing ones and rolling promotions. The site features deep linking pages to the product detail level and houses components which can run independently of the main shell for cross site widget promotion.
Together with Bryce Bigger I helped added a lot of functionality to this interactive map for the University of South Carolina. Among many things, I created several components, helped with the XML schema, keyed up the map to the data, added detail displays, a print brochure within Flash and an accordion for a list view. The map has tons of functionality including property filters, zoom, panning, property galleries and more.
Charriol's recent refresh launched for the 06' holiday shopping season. The site features a custom tree based menu system that allows nesting new sections within the menu easily. The gallery system contains zoom features, suggested piece linking and pagination all in a dynamic setup allowing new pieces to be added as well as new collections of pieces with little effort. The site uses a 3 part XML schema containing menu layout, jewelry collections and background image lists for randomization.
The Hair Heroes mini-site was a small build I completed for Ultra 16 Inc. It’s a simple and elegant promotional site for Bumble and bumble of NYC. The development time for the project was just as small and in just a handful of hours I pieced together the awesome creative supplied by Ultra 16. Complete with streaming sound and a full browser Flash implementation, the site does a great job at promoting their book and their contest.
I was contacted by the technical director at WJLA to help redesign their news site. This included both UI and information design as well as creative direction. Many constraints existed for this but the use of technology wasn't one of them. The proposed redesigned was a Flash and HTML/AJAX type setup pulling realtime data from news, weather and broadcast streams as well and viral features to help bring traffic and support their ambitious CPM goals.
This project was a huge endeavor for both the AOL and myself. While it was only a partial redesign of the channel, the architecture behind the new car search scene was the largest undertaking I have ever been involved with. AOL had been partnered with Edmunds.com for many years but due to the way the partnership worked, AOL had to break away from that model to support its new company wide goals.
This involved "owning" the data that the channel provided in an effort to display it free of contractual restrictions. As of January 2007, AOL launched a completely new search funnel experience with new tools and new levels of information integration and vehicle comparison. The art direction and design here reflected the current channels design but with a fresh, updated look.
For the second year in a row, AOL Shopping has successfully launch another rich media promtional piece to highlight the hottest gear for this year. In addition to interactive product catalogs accompanied by audio & video, this year's Back to School event allowed users to create their own outfits based on age group and gender. Video was presented within AOL's standard video player to allow integration with ad bumpers and tracking. In addition, products were tracked in Flash by impressions and click through to partners.



See similar item links brought them to AOL Shopping to get items of the same look for the fall season. This Flash piece incorporated a wide variety of custom components & classes and a massive XML / display array for 400+ products. It also incorporated a connection speed auto detect for delivery of narrow, middle and broadband content.

Back to School (BTS) was one of the first rich media promotional pieces done for AOL Shopping (previously inStore) and AOL Red. BTS allowed visitors to watch trend specific fashion videos and browse showcased products simultaneously. Visitors could get details on items, find similar items through pinpoint search and create a wish list of BTS fashion. Built entirely in Flash, the BTS event has paved the way for other media rich experiences on AOL Shopping.

Inverted Utopias, held at the Museum of Fine Arts in Houston, Texas, was the first large-scale exhibition devoted to the emergence of avant-garde art in Latin America from 1920 to 1970. I was contracted by FOUO to help develop the functional components and book explorations used within the exhibit’s kiosk and on its website.

Created as a freelance project, the ISG redesign provided a clear organization to a large amount of company information and services. The company requested something different from a typical grid driven template. As a result, the design incorporated top level lead promotions followed by several hard sells and a lower 2 & 3 column grid structure.







Interview with Chris James Hewitt - PixelSurgeon
Interview with Mike Hansen - PixelSurgeon
Interview with Dave Curd - Open
Interview with Eric Dolecki - Open
Interview with Joshua Gorchov - Open
Interview with Mark Gervais - Open
Macromedia Flash MX Express - Friends of Ed
Mastering Full Browser Flash (Part 1) - ActionScript.com
Flash MX QuickTips for Beginners - UltraShock
Benjamin J. Mace graduated from Virginia Commonwealth University in 1997 with a B.F.A. in Communication Arts. His education focused on design fundamentals such as Typography, Color Theory, Design History and Process. After graduation, Benjamin stumbled upon Macromedia Flash, which dramatically changed the course of his career by adding an interactive element to his work.
Over the last 10 years he has been exposed to design, art direction, scripting, marketing and managing both projects and teams. Benjamin currently freelances from his studio in southeast Virginia and specializes in Flash ActionScripting, interactive art direction and visual design.
He has worked with fortune 500 companies as well as small studios and his past career spans advertising, video game design, animation, information architecture and experience design. Benjamin is a published Flash author, an instructor and an avid contributor to the design community through writing, message board moderation, event speaking and open source.
AIGA: http://www.aigadesignjobs.org/benjaminmace
Creative Hotlist: http://www.creativehotlist.com/b-mace
LinkIn: http://www.linkedin.com/in/bmace
Coroflot: http://www.coroflot.com/benjaminmace
By Email: bmace [at] bmace.com
By Phone: 757.202.4047
On IM
AIM: mrbee2828
Yahoo: mrbee2828
MSN: b@bmace.com
ICQ:
49625129