Pitch, Responsive Web Design, App Design
It's always nice to sink your teeth into a car site, and on this pitch for KIA I got to do just that. I designed a mobile app and a responsive site. The site acts as an online brochure, but at the same time allows the user to configure the car, either in a standard way (clicking options), or using something we've called the Sensory Configurator. The Sensory Configurator gives users a series of questions and based on the answers configures the users' perfect KIA Soul.
In addition, the app can be used with Google Cardboard to visualise a KIA Soul model on your own driveway, then allows you to take a test drive of that car, even accompanied by the KIA hamsters if you so wish!
We won the pitch.
During a two month stint at Else, London, I designed and co-UXed a UBS Smartwealth financial goals web-app. I was responsible for initial rapid concept generation, user flow, wireframing, interaction prototyping, and visual design exploration.
This culminated in a client run-through of wire flows, user flows, design studio outcomes and a clickable iPad-based prototype which I created in Sketch , Principle and Flinto.
(The animated GIF opposite is considerably sped-up for filesize)
How do you make the world’s most Rock’n’Roll sneaker – the Converse Chuck Taylor All Star – even more Rock’n’Roll? How’s about turning it into a working wah wah pedal, complete with twin jack ports in the front to plug your guitar and amp into it?
Whilst at Agency Republic, I concepted the 'All Wah' trainer for CreativeSocial, Converse and Google's Hack-a-Chuck competition, judged at Cannes.
Thanks to a talented bunch of colleagues whom are a dab-hand with soldering irons, this vision – amazingly – became a reality: a fully working flex-sensing wah-wah wonder!
The 'All Wah' won first place against trainers from well-known agencies worldwide and snagged the agency flights to New York and tickets to a secret Converse gig.
Qatari Diar are one of the most successful and prolific real-estate developers in the world, and a development as bold and extravagant as Chelsea Barracks – where properties can reach over £100million – requires a site that is a little more remarkable than the status-quo.
The brief called for a beautiful and elegant design, and I achieved this by hiding the grid on-which the site is based by intentionally misaligning photographs and text boxes. This gave the site an editorial aesthetic - such as that of Vogue.
User Interface Design, Digital Design
I spent 6 months at HSBC in Canary Wharf facilitating a digital transformation. My role consisted of working in a small agile team as a UI designer streamlining banking software for Client Relationship Managers for the entire company globally.
Current processes CRMs use are analogue and rely on assistants and paper printouts - a process that is slow to collate the correct information, has too many links in the chain (low accountability), and client portfolio information is already out-of-date at the time of client meetings.
This streamlining and digitising of the CRM day-to-day tasks would lessen the workload allowing the CRMs to concentrate on more important and profitable aspects of their job.
The project was in two parts: a video presentation showing blue-sky thinking not yet achievable technologically, but that would whet the appetites of investors, and a MVP prototype.
Whilst at Razorfish, I was tasked to create a bold, flat, cohesive visual dashboard-style language, utilising previously prepared illustrations, for Aviva's latest app. As well as designing a plethora of app 'cards' featuring vouchers, investment figures, health policy details and more, I also had to redesign some icons and create an up-to-date iconography guideline document.
Responsive Website Design, Mobile App Design
Saga wanted to develop a content platform that would appeal to new audiences, increase existing Saga customers' loyalty plus cross-sell new products, and publish aggregate content in a hyper-personal fashion.
A responsive site was designed that served multiple categories of articles and tailored the ratio of posts belonging to these categories by learning the users' reading habits.
Articles could be favourited and read on mobile or desktop later – a reading list.
Responsive Website Design
O2 needed to refresh their dated business blog promoting tech knowledge to help small/medium businesses. I designed the look and feel for the project within a very tight deadline (3 days).
The site uses elastic search and learns the users reading habits to better serve relevant and related content. Users can save articles to a reading list for later consumption. The modular tile-based structure of the site allows for a consistent experience whether on a desktop computer, a tablet, or a mobile.
Note: Images shown are the original flats and, as such, are not populated with the correct end content. VCCP and I do not hold the rights for the placeholder images opposite.
Responsive Site Design
A large content-heavy site for insurance firm Hiscox. This site was initially designed for rollout in the German market, but future-proofed for Europe-wide releases in multiple languages.
As Design Lead - and being part of a skeletal agile team - my role involved design, UX sense-checking and feedback, asset prep for devs, and working with developers to rapidly build/prototype the functionality of the site.
Image Manipulation, Social, Illustration
Social media posts illustrating quotes from Nivea fans about it's new In-Shower Moisturiser. All four posts were completed in just four hours.
Senior Visual Designer, Prototyper
For over 9 months I worked on-site at the RBS Digital Studio in Angel, London, working in a small team to redesign the NatWest and Royal Bank of Scotland websites. Customer, Business and Premium banking designs needed creating utilising the new branding by the outstanding FutureBrand.
Of my many tasks, designing homepages, components, prototyping and creating detailed briefs for external agencies and internal developers were my main duties.
Here is a small selection of that work...
Experiential Website Design, Image Manipulation
Design Lead (1st Release)
Co-designed with Heiko Winter
An experiential site for NIVEA's Pure & Natural product range. Users could 'get back to nature' by blowing the florets off of dandelions, shaking Argan nuts from trees, capturing their reflection in a pond... and all in beautiful exotic settings.
Web Design, Concepting, UI & Artwork, FMCG
Facebook App/Game Design, Illustration, Pixel-Art, Flash Animation
Disney wanted to promote its new film – Wreck-it Ralph – on social media. Ralph is a video-game bad guy who doesn’t want to be a bad guy anymore. He wants you to like him. So we created…Like Ralph: a unique competition on Facebook.
After hitting the like button, you came up against a brick wall. Literally.
Just click on a brick to break it. Other people could break bricks at the same time - eventually revealing a giant picture of Ralph.
But you had to choose carefully – because some bricks had prizes behind them.
The campaign was a big success. Over 1.3 million people liked Ralph and 16422 (virtual) bricks were wrecked.
Online Advertising, Social, eCRM, Flash, Illustration, Image Manipulation
During two years designing for Agency Republic's key client, Nivea, I created everything from banners and facebook posts, to responsive web pages and experiential flash builds. This is a very small selection of work.
Responsive Web Design, Toolkit & Guideline Creation, Charity Sector
Co-designed with Heiko Winter
Illustrations, Character Design, Customised Art Toys