webpoppy.net » Santa Fe Web Design, Animation & Presentation Design : Webpoppy.net

CTP Trade Show Animation 2009

admin — Sun, 08 Apr 2012 02:39:26 +0000

This conference animation appeared in an AFP trade show booth in 2009. Similar to the previous year’s trade show animation this version is educational in tone, highlighting the association’s certification program. Moving rectangles serve as transitional elements between each photograph and once again, gradient bitmap effects were implemented to many of the text animations. This project was the third in a sequence of four annual conference graphics projects Webpoppy.net produced for AFP in Washington, DC.

CTP Trade Show Animation 2008

admin — Sun, 08 Apr 2012 02:27:20 +0000

This animated attract loop was one of two conference presentations which appeared in an AFP trade show booth in 2008. The piece aims to educate conference attendees about the association’s certification program for financial professionals with animated graphics which capture the attention without overwhelming or turning off the audience. Moving rectangles serve as transitional elements between frames and gradient bitmap effects were implemented to many of the text animations. This is one of several conference animations Webpoppy.net produced for AFP over a four year period in Washington, DC.

AFP Daily Resource Animation

admin — Sun, 08 Apr 2012 02:10:00 +0000

This attract loop animation appeared in the AFP trade show booth during their annual conference in 2008. The piece highlights how the AFP website is a daily resource for their members, encouraging mor online participation as well as advertising the benefits of association membership. This is one of several conference animations Webpoppy.net produced for AFP over a four year period in Washington, DC.

Trade Show Tutorial Animation

admin — Sun, 08 Apr 2012 02:00:39 +0000

This tradeshow booth animation was created in collaboration with the design staff at AFP in 2008. Demonstrating how to use the AFP website, this educational animation steps the viewer through each navigation item on their website, providing an easy to understand tutorial for attendees at the annual Association of Financial Professionals annual conference. This is one of several conference animations Webpoppy.net produced for AFP over a four year period in Washington, DC.

CTP Trade Show Animation

admin — Sat, 07 Apr 2012 22:35:28 +0000

Trade show animations, or “Attract Loops,” are a very effective way to garner increased attention for your trade show booth and are much less expensive to develop than shooting custom video – no lighting, camera rentals or travel time involved! Webpoppy.net worked closely with the AFP in-house graphics team near Washington, DC to create this animation which features elegant gradient transitions. The intent was to have a lovely but subtle animation that didn’t beat the viewer over the head or distract them from being able to obtain more information about the Certified Treasury Professional Certification Program. This trade show animation–the first of four consecutive annual animation projects Webpoppy.net produced with AFP–was authored in high resolution and coded to run full screen on any monitor of choice!

AFP Web Banner Ads 2007

admin — Sat, 07 Apr 2012 21:57:03 +0000

Webpoppy has extensive experience creating animated banner ads and is familiar with the variety of custom sizes and specs required by the major ad providers including AOL, Huffington Post, Politico and Google. These custom ads for the Association of Financial Professionals were created in three standard sizes. To see all three formats, please click here.

All three formats: Washington DC Flash Banner Ad Designs

AFP Web Banner Ads 2008

admin — Sat, 07 Apr 2012 21:55:24 +0000

The inhouse design team at the Association of Financial Professionals were very happy with the banner ads Webpoppy.net created for them in 2007 so they asked Webpoppy.net to collaborate with them a second time in 2008. This round of banner ads were much more complex, involving animated movieclips. There also was the additional challenge of meeting the required file size limit while satisfying the client’s wish for photographic imagery within the ads. Each image was compressed at different jpg setting to meet this goal and vector illustrations were used whenever possible.

To see all three formatted sizes, please click here.

Webpoppy is experienced with the creation of animated web banner ads. Susan is familiar with the variety of custom sizes and specs required by the major ad providers including AOL, Huffington Post, Politico and Google.

All three web banner ad formats: Washington DC Flash Banner Ad Designs

Flash Conversion: iPad Compatible Animation

admin — Tue, 03 Apr 2012 21:21:58 +0000

The talented Angela White, a Washington, DC painter specializing in encaustics and long time client, agreed it was great time to update her home page animation to an iPad and iPhone compatible HTML5 animation. After creating three conversions for other clients, this one was a breeze to create using Adobe Edge Preview. The software’s capabilities are similar to Flash 1.0 – nothing to write home about if you’ve been developing in Flash for over a decade like me, but more than sufficient for simple fading animations like this one, requiring simple actions and fades.

I wrote more extensively about Adobe Edge and HTML5 animations a few weeks ago. In the interest of not being redundant I’ll just say I’m very pleased with the results and can’t wait for the next upgrade from Adobe. Hopefully, sound integration will be included next!

To see the full-sized live animation of Angela White’s paintings, please click here.

Susan J. Preston is a web and presentation designer residing in Taos, New Mexico and working with clients from Santa Fe to Washington DC and all the way back to California. For more information, read the About section, or take a look at the article, How to write a website RFP for help with getting your web design/redesign going.

Tafari Music!

admin — Mon, 26 Mar 2012 21:47:31 +0000

Susan’s web design gave our company instant and long lasting credibility and recognition in our industry. In fact, it was highlighted in a music business college course as “exemplary”. Not only did Susan understand what we wanted to convey to the public about our company she made suggestions to enhance our mission. She was immediately an integral part of our “team” and continues to be!

Debbie Manzari President, Tafari Music

This website for Tafari Music, a licensing and publishing company in the Washington, DC area, features an eye-catching design featuring a striking introductory flash homepage animation and billboard side bar animations throughout. Tafari licenses and publishes music outside of the reggae and ska world to include a wide variety of music styles, Keeping this in mind, Susan veered away from an over-the-top reggae look while maintaining the company’s Rastafarian roots.

The site underwent a major upgrade in 2009 – the flash navigation bar was replaced with a CSS drop-down menu to improve search engine optimization as well as performance. Webpoppy also secured the services of a back-end database company to architect a custom catalog search engine which tied into Tafari’s existing database containing hundreds of artists and thousands of songs which customers can easily search for use in commercials, tv & movie productions and for ringtones.

Visit music licensing company, Tafari Music.

iPad & iPhone Compatible HTML5 Animation!

admin — Tue, 06 Mar 2012 21:09:02 +0000

If you own an iPad or iPhone, you’re probably familiar with Flash animations simply not showing up in your browser window by now. This is because Steve Jobs, in a dramatic and industry-shaking decision, decided to exempt the use of the Flash plugin a year or so ago. The announcement sent enormous ripples through the Flash development community which still reverberate today. There isn’t a Flash chat board out there that doesn’t have a new query posted at least once a week asking about the status of Flash or whether it’s worth it for new designers to learn the complexities of the program.

As I said in this post, Is Flash Dead? A Santa Fe Web Designer’s Opinion a few months ago, Flash is alive and kicking and will continue to do so for many moons to come. Hands down, there isn’t another program out there that can come close to touching the powerful scripting, gaming, audio and video integration that Flash has. However, for simple animations, including slide shows and banner ads, HTML5 is beginning to edge its way into under the internet spotlight with new programs like Tumult Hype and Adobe Edge garnering more and more attention. Both programs released impressive upgrades in recent weeks–impressive enough I decided to really sit down and test each of them.

The animation above is created with Adobe Edge Preview 4. The is a PRE-release version of the software, meaning it’s so new they are still developing and honing features. As a testing version, it’s free for the moment. This gives the program a bit of an edge (pun intended) over Hype, which is currently priced at $50. Both boast interfaces which operate much the same as Adobe AfterEffects, so if you’ve not developed with it in the past, you can expect a bit of a learning curve getting up to speed. Timelines are time-based vs. Flash’s frame-based paradigm as well.

Holding an expectation for either product to knock your socks off will most likely disappointment, but it’s a worthwhile endeavor to get acquainted with the program now, thus reducing your learning curve down the road when features improve. If you’ve been developing with Flash since it’s inception like I have, think of Edge/Hype as HTML5 mirrors of Flash 1.0. Both include very basic animation, easing, button states and rudimentary scripting and that’s about it. I definitely miss the now standard Flash capabilities including application of filters and color settings for movieclips. Neither has sound or video capability yet either, making them inadequate choices for my animated ecards over on Banjo Bunny Ecards. I fully expect this to change rather quickly. For now, I’ll be advising my clients to upgrade their splash animations to HTML5, allowing a greater percentage of web viewers the capability to enjoy the full impact of their content!

To see this animation posted live, please proceed to the amazing and award-winning Washington, DC architect, Stephen Lawlor’s site.