The work I've created for HSBC spans conceptual, responsive and mobile design and motion graphics.
When HSBC came to JWT with a brief for a custom youtube channel, I presented 6 concepts back. 3 which were great interface solutions to showcase their existing content and 3 which represented where I though they should go in terms of interface, interaction and content development.
The client loved all 3 and requested we find a way to get them all into a single custom channel. This was the beginning of an ever expanding relationship with HSBC for digital work.
Fast forward to today and HSBC have a brand new custom channel shown here, built with YouTube's responsive one channel architecture in mind. Flexible from 1060px down to 640px for tablet and desktop and a custom mobile design as well, everything is in the detail with this platform agnostic build. From custom design rollover states, a custom font created purely for icon used on high pixel density displays and playlist containers designed and built from the ground up.
This concept which underlies this channel is one of global and local relevance. The channel detects where in the world you are visiting from and displays content like video, promos, photography and tweets relevant to that region of the world. All this delivered by an intelligent, custom built admin area.
Using my motion skills I was able to create a demo video early on of the new channel which empowered our HSBC clients to sell in the innovation internally. Something which has grown into something really stand-out in the financial marketing sector.
Part of this build carries over interactive video functionality from the first incarnation. A function that gives a deeper understanding of the thinking behind the content. In the current case, a layer that sits over and enhances a TV ad. HSBC can display their credentials as an intelligent, digitally savvy bank to match their customers. I wrote and storyboarded the animation seen in each of the interaction points.
Credits:
Digital Producer - Maria Sanchez
Build - Michael Coelho (front end) & Nick Miles (back end)
Design support - Andy Minchin
Client services - Rory Yates, Eliza Sloss, Gemma Swinglehurst.