loading
Hi there! Please be aware that this page was created or updated 12 years ago.
I don't update my site as often as I used to so please visit the home page to see how you can connect with me on other channels. Otherwise enjoy some dated content below. Thanks for stopping by.

Stooshe animated splash page

https://www.stooshe.com

To launch the campaign for Stooshe’s album and new single ‘Slip’, we set up a splash page on the girls’ official site.

The campaign started by unveiling the new Stooshe logo, designed by Laurence Stevens of LSD Studios. I wrote some custom jQuery animation scripts to reveal the logo as if a spotlight was being panned across it. The pink dot at the end of the logo would then start flashing, indicating that the visitor should click on it to enter the site. I used jQuery Cycle to easily control the flashing animation and then added some hover events to fade the word ‘enter’ above the dot when the mouse hovers over it.

The second phase involved announcing the new single and video release date. The single announcement went out across social networks while I introduced more colour to the logo and a countdown clock. After revealing the white logo it slowly fills with the vibrant colour of London’s city lights as the LCD countdown fades in. I used my favourite jquery countdown plugin along with a the Subway Ticker font, suggested by Laurence. The effects all worked really well together.

Once the countdown reached zero, the clock disappeared, the logo slid up and the video faded in to place.