counter free hit invisible
divider
george-richmond george-richmond

George Richmond Portfolio

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.


Contribution

  • ActionScript Development (Flash 8 AS2)
  •  

    View Live Site

    divider
    food-and-beverage food-and-beverage

    Royal Caribbean Food & Beverage

    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.


    Contribution

  • Gallery Design
  • XML Schema & Population
  • Asset Production
  • CSS Development
  • Animation
  • ActionScript Development (Flash 9 AS3)
  •  

    View Live Site

    divider
    brave-soldier brave-soldier

    Brave Soldier

    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.


    Contribution

  • Creative & Art Direction
  • Design & Layout
  • Product Photography AD w/Leon Guanzon
  • CSS Development
  • ActionScript Development (Flash 9 AS3)
  •  

    View Live Site

    divider
    lost lost

    Lost Nickname Generator

    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.


    Contribution

  • ActionScript Development (Flash 8 AS2)
  •  

    View Live Site

    divider
    secret-santa secret-santa

    Secret Santa

    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.


    Contribution

  • Creative & Art Direction
  • ActionScript Development (Flash 8 AS2)
  • CSS Development
  • Illustartion & Design
  •  

    View Live Site

    divider
    concord concord

    Concord

    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.


    Contribution

  • ActionScript Development (Flash 8 AS2)
  • XML Schema & Population
  • Asset Production
  •  

    View Live Site

    divider
    you+we you+we

    you+we, inc. Branding

    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.


    Contribution

  • Art Direction
  •  

    divider
    peggy sirota book peggy sirota film

    Peggy Sirota Photography

    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.

    Contribution

  • ActionScript Development (Flash 8 AS2)
  • XML Schema & Population
  •  

    View Live Site

    divider
    get hairapy products get hairapy details

    Get Hairapy

    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.

    Contribution

  • ActionScript Development (Flash 8 AS2)
  • XML Schema & Population
  • Motion Design
  • Asset Production
  •  

    View Live Site

    divider
    hong kong clinique repairwear intro english clinique repairwear lift matrix quiz

    Clinique Repairwear

    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.

    Contribution

  • ActionScript Development (Flash 7 AS2)
  • XML Schema & Population
  • Asset Production
  •  

    divider
    samsung samsung

    Samsung HDTV

    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.

    Contribution

  • ActionScript Development (Flash 8 AS2)
  • XML Schema & Population
  • Motion Design
  • Asset Production
  •  

    divider
    innovista innovista

    Innovista University of S.C. Interactive Map

    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.

    Contribution

  • ActionScript Development (Flash 8 AS2)
  • XML Schema
  •  

    divider
    charriol charriol

    Charriol

    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.

    Contribution

  • ActionScript Development (Flash 8 AS2)
  • XML Schema
  •  

    divider
    aol save the planet 2006 aol save the planet 2006

    Hair Heroes

    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.

    Contribution

  • ActionScript Development (Flash 7 AS1)
  • Asset Production
  •  

    View Live Site

    divider
    wjla wjla

    WJLA ABC News 7

    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.

    Contribution

  • Creative Direction
  • UI Design
  • Information Design
  •  

    divider
    hong kong clinique repairwear intro english clinique repairwear lift matrix quiz

    AOL Autos New Car Search

    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.

    Contribution

  • Art Direction
  • Planning
  • Design
  •  

    divider
    aol save the planet 2006 aol save the planet 2006

    Back to School 2006

    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.

    Contribution

  • ActionScript Development (Flash 7 AS2)
  • XML Schema
  • Visual Design
  • Asset Production
  • Tracking
  •  

    divider
    aol save the planet 2006 aol save the planet 2006

    Save The Planet 2006

    In an effort to celebrate Earth Day 2006, AOL created a multi-channel event centered around the concept of saving the planet and your wallet. Lasting as an “ever green” special on Research & Learn, Save The Planet offered information on topics like recycling, better gas mileage and investing in green companies. I was lucky to have the opportunity to create one of the only multi-channel designs used by AOL.

    Contribution

  • Visual Design
  • Asset Production
  • divider
    aol holidays 2005aol holidays 2005

    AOL Shopping Holidays 2005

    This project was a promotional event for the 2005 holiday shopping season on AOL Shopping. From a business standpoint, the event was to promote lists of products that could be categorized together ie: gadgets. Our creative team came up with personalities that shoppers could relate to and possibly see the people on their own lists in. They could then find gifts each person might be interested in.

    Contribution

  • ActionScript Development (Flash 7 AS2)
  • Visual Design
  • Animation
  • XML Schema
  • Asset Production
  •  

    View Live Site

    divider
    aol shopping 2006aol shopping 2006

    AOL Shopping 2006

    AOL’s shopping channel launched a new design in April of 2006. Reusing much of the existing functionality of the prior channel, the new design added AOL branding standards and supported the advocacy voice shared across AOL. A standardized grid, the introduction of editorial content, IAB sized CMS modules and a new color scheme created content rich and digestible experience.

    Contribution

  • Style Guide Documentation
  • Visual Design
  • Asset Production
  •  

    divider
    aol instyle fall fashion 2005aol instyle fall fashion 2005

    Clothes We Love 2005

    AOL teamed with Time Warner production InStyle magazine to promote the annual Fall Fashion showcase by top designers in NYC. The media piece showcased catwalk video and model shots as well as the clothing worn by them. Visitors could check out the show, the fashion and get details on each article of clothing.

     

    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.

    Contribution

  • Visual Design
  • Animation
  • ActionScript Development (Flash 7 AS2)
  • XML Schema
  • Asset Production
  •  

    View Live Site

    divider
    aol instyle fall fashion 2005aol instyle fall fashion 2005

    Back to School 2005

    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.

    Contribution

  • Animation
  • ActionScript Development (Flash 7 AS1)
  • Asset Production
  • divider
    aol instyle fall fashion 2005aol instyle fall fashion 2005

    Museum of Fine Arts, Houston: Inverted Utopias

    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.

    Contribution

  • Animation
  • ActionScript Development (Flash 7 AS1)
  • English & Spanish XML Schema
  • Asset Production
  •  

    divider
    ISG InternationalISG International

    ISG International

    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.

    Contribution

  • Visual Design
  • divider
    ISG InternationalMiller Property Management

    Miller Property Management

    Miller Property Management was another small freelance redesign for their existing website. The original design featured writing geared toward what their customers need in real estate be it retail space or office space. Featuring a heavy visual and a 2 column grid in the lower half, the attempt of the design was to breath life in to very little content and MLS listings.

    Contribution

  • Visual Design
  • divider
    Madden 2006Madden 2006

    EA Sports Madden 2006

    Developed for the Xbox 360, the 2006 Madden interface was a complete break from the normal screen to screen cookie crumb approach to console game UI. Plagued by lower 640x480 resolutions and large fonts, front end UIs don’t allow room for a full time main menu presence. The 2006 interface made use of processing power and resolution to adopt and ever present cascading menu. I developed the feel and code driven cascade of the main menu and contributed to widgets such as the in-game ticker. I also provided ActionScript consulting to the UI team on a daily basis.

    Contribution

  • ActionScript Development (Flash 7 AS2)
  • Visual Design
  • Asset Production
  • Consulting & Training
  • divider
    NASCAR Chase For The CupNASCAR Chase For The Cup

    EA Sports NASCAR Chase For The Cup/Sim Racing

    While working at EA Sports Tiburon I contributed to 2 NASCAR games. NASCAR Chase For The Cup was a console title and utilized an all Flash front end. I was also the primary Flash developer for the PC based NASCAR SimRacing. My primary role was creating classes and components for the front end game UI. Together with the developers we created a blind system that was driven by a C++ backend through custom messaging hooks to populate and change component states.

    Contribution

  • ActionScript Development (Flash 6 AS1)
  • Component Design
  • Screen Layout
  • Asset Production
  • Consulting & Training
  • divider
    Calvin Klein Visual Merchandising DirectiveCalvin Klein Visual Merchandising Directive

    Calvin Klein Visual Merchandising Directive 2001

    The visual directive was a CD-Rom based Flash presentation that informed retail locations of upcoming merchandising and store layouts. This project was developed in Flash 4 and was one of the first projects that I created math driven transitions for.

    Contribution

  • ActionScript Development (Flash 4)
  • Visual Design
  • Asset Production
  • divider
    Redken Metro ColorRedken Metro Color

    Redken Metro Color

    Metro color was the first CD-Rom based Flash presentation I developed for Firstborn. Using Flash 4 the CD informed Redken salons about the upcoming hair color products being released. The CD took Art Direction from advertising material already developed by an outside agency. I created 10 transition animations to carry users from section to section with that were picked at random to add variety to a small amount of content.

    Contribution

  • ActionScript Development (Flash 4)
  • Visual Design
  • Asset Production
  •  

    View Archived Site

    divider
    Harbor RealtyHarbor Realty

    Harbor Realty

    Century 21 Harbor Realty was designed while I was at Hypersite based in Maryland. I designed and Art Directed the site to relate to families looking at purchasing homes on the eastern shore.

    Contribution

  • ActionScript Development (Flash 4)
  • Visual Design
  • Art Direction
  • Asset Production
  • divider
    William MorrisWilliam Morris

    William Morris

    The William Morris mini site was created as a pro-bono project for The Chrysler Museum. Taking a look and feel from printed material, the site was a simple and smooth display of beautiful photography. I had the opportunity to do everything from Art Direction to sound production on this project and it is still the most discussed piece in my portfolio today.

    Contribution

  • Art Direction
  • ActionScript Development (Flash 5)
  • HTML Development
  • Visual Design
  • Asset Production
  •  

    View Archived Site

    divider

    Editorial & Professional Writing

     

    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

     

    top

    divider

    Flash Writing

     

    Mastering Full Browser Flash (Part 1) - ActionScript.com
    Mastering Full Browser Flash (Part 2) - ActionScript.com
    Mastering Full Browser Flash (Part 3) - ActionScript.com
    Controlling Sound Part 1 - ActionScript.com
    Controlling Sound Part 2 - ActionScript.com
    Understanding _root & Scope - ActionScript.com
    Using Shared Fonts - ActionScript.com
    Optimizing Large Pizza - ActionScript.com
    Getting Sloppy With Your Connection - ActionScript.com

     

    Flash MX QuickTips for Beginners - UltraShock
    Creating Preloaders Using The GetBytes Method - UltraShock

     

    top

    divider

    About Me

     

    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

     

    top