What process can I use to achieve this?

Hi! I have a client who has a logo he likes. I've attached it.(clinica-america.jpg) I can provide you with an eps version. The logo isn't final, but should be something like this.

His website is www.rockypointendoscopy.com. This logo, attached, will replace the one on the upper left.

Here's what I need your help with.  He wants:

1. When someone goes to his website, they see the logo large above the site, in the center, like the attached logo-on-top.jpg. (He may want it larger than that, so we should leave the ability to enlarge it easily.)

2. The globe spins.

3. After a couple of seconds, the logo zooms back into its place on the upper left.

4. Once it is in place, a green line sparkles under the words clinica america, ending in a spark.

I know I need to hire someone to help with this, but I'm not sure if I need a javascript expert, a video expert, or another type of expert.

How could this be accomplished? Thanks.
clinica-americas-v1.jpg
logo-on-top.jpg
Melody ScottAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Dave BaldwinFixer of ProblemsCommented:
That kind of animation is usually done with Flash.  You can see things like that in the ads on Yahoo's main page.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Melody ScottAuthor Commented:
Thanks, that is sort of what I thought, appreciate the information!
F PCommented:
You might want to stay away from Flash. A lot of people block it in their browsers by default because of intrusive advertising. I know I do.

See if you can get a Vector copy of his logo and use JavaScript and CSS3 to animate an SVG (Scalable Vector Graphics) version of it. Every professional logo designer, worth their salt, today will use Adobe Illustrator. AI will export to SVG graphics. Then if you don't know anything about how to animate all that, there are several JavaScript applications and libraries for animating SVG.

Here are a couple:

http://codecanyon.net/item/enliven-em-animation-engine-for-vector-graphic/8426850

http://lazylinepainter.info/

https://css-tricks.com/guide-svg-animations-smil/

https://css-tricks.com/animating-svg-css/
Melody ScottAuthor Commented:
OK, I am actually creating the logo, and I have it in AI. Thanks for the tip!
F PCommented:
http://greensock.com/gsap

Forgot an important one there!

You're welcome.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.