Agency + Landing Page

New Piece

I recently completed a project that was an animated landing page that I made using Hype. If I haven’t mentioned this program (cough, ahem, I mean App) before, now is as good a time as any. A good friend of mine designed this software to make creating HTML 5 content designer friendly. Sure, not many designers can go into the world nowadays without knowing a little code, but Hype helps not only level the playing field, but also lets designers do what they do best: Design (not code).

So HTML 5 is another medium for animating web pages in the vein of Flash, but utilizing different technologies and using inherent browser capabilities, not plug-ins to function. Yeah, I’m definitely on the band wagon for this new era of rich web content using HTML 5. It’s an exciting time to be experimenting with new technologies and tools.

So saying, I worked as a contractor for another agency (in Belgium, btw; love how small the world is these days) to create this landing page. They were hoping to use a lot of effects, probably to help show off the capabilities of HTML 5, while still maintaining as much cross browser compatibility as possible. Initial designs also utilized google web fonts, which I thought was cool we could do using Hype, but in the end, switched back to a standard web safe font, as it opened up a few more animation options. The techniques I used are opacity changes, movement along paths, rotations, and letter spacing and size changes.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s