SYNOPSIS

After working at PrimeLending, I became fascinated with FinTech and got hired at the Barclays Technology Center in Dallas (or BTCD as we lovingly called it) to contribute on various designs & prototypes for internal and external projects.  Using motion graphics to bring colleagues static UI/UX designs and concepts to life enabled stakeholders to see firsthand how a design’s behavior could look in an animated state.  This approach helped communicate the persona of a design, which aided in getting initial buy-in and ultimately get the green light to fully execute any given project.  The following samples illustrate just how much of an important role motion graphics plays in a UI/UX environment.

Video Process

Visual storytelling can help bring a vision or message to life. This creative video approach includes: conceptual product overviews, visual prototypes, animated user journeys, as well as live action video.

EXAMPLE 01

ANIMATED USER INTERFACES

__________

ANDROID APPLICATION

BARCLAYCARD bPAY

bPay is a seamless mobile payment system from Barclaycard that is accessible through mobile devices. It is a form of online account management available to all customers who hold a bPay account. Users are able to pay with mobile and receive special offers from local merchants.

iPHONE APPLICATION

BASIN

Basin is a smart way to manage all of a user’s digital subscriptions in one place. Designed for iOS, it offers features that help the user to control their digital subscriptions conveniently and send digital gifts to other users.

iOS & SMART WATCH APPLICATION

SWIFT

Swift is a cross platform feature that allows the user to easily view their account balances. Swift is available on wearables such as the Apple Watch and the Samsung Gear Square. The application will link to the Barclays Mobile Banking app within a user’s smart phone allowing them access to the information available on their wearable devices.

DASHBOARDS

UI ELEMENTS

My team created a slew of various dashboards, each with their own unique visual design.  It was a pleasure tinkering with static infographic UI elements, bringing them to life and infusing personality into each one.

STEP 01

SCRIPT WRITING

Using an iterative process, we collaborate with the subject matter experts to define the focus and identify the key points that need to be conveyed.

STEP 02

STORYBOARDING

By attaching rough imagery in a comic strip style fashion to the voice over script, we begin to refine the overall flow of the video, as well as identify key screens that will need to be designed.

STEP 03

PRODUCTION

The production phase involves creating graphics for screens, illustrations for animation, shooting live video, recording the voice over talent, and finding background music.

STEP 04

POST PRODUCTION

Putting it all together, post production involves creating motion graphics and animations, mastering the audio, adding subtitles, and compressing the video for delivery.

EXAMPLE 02

THE BLOCKCHAIN

__________

 

Today, there are several new emerging approaches in fin-tech regarding how currency is transferred across the globe, such as Bitcoin.  One of the dev teams thought it would be helpful to have a digital ledger that could be distributed to multiple members of a network, one that stores unique, digital objects, verify ownership of an object, and is inherently secure.

BLOCKCHAIN

PROJECT DETAILS

__________

EXAMPLE 03

OBI

__________

 

An associate UI designer by the name of Nick Goodrich and I worked together to bring this OBI video to life.  The purpose of this video is to help build awareness about a platform that is reusable, secure, and self service enabled, creating a fast time-to-market for your application.  It was decided to have the video be simple and clean in its presentation, using only blue and white as the color palette.  

Web Design

Motion Graphics

Illustration

Video Production

Wireframes

UI Design

“

Russ is a great visual designer and motion graphics designer. He created motion graphics prototypes for a variety projects across our lines of business. Everyone always stopped while walking past his desk to admire the coolness of his work. He is a pleasure to work with, he always creates top notch work and delivers it on schedule!

DON RELYEA, HEAD OF DESIGN TECHNOLOGY & PROTOTYPING - DIRECTOR AT BARCLAYSLinkedIn Recommendation
“

Russell is truly a jack of all trades. He's a one-stop shop for all things creative from creating animations, to videography, to photography, to UI/UX, to prototyping, to graphic design, and he can write too. He has a passion and love of design that is simply unmatched. A passion that is reflected daily with his work ethic; and the highly conceptual and innovative designs he delivers with ease. He is truly a joy to work with and will enhance any work place, all while inspiring others to be great!

NICOLE MORRIS, ASSISTANT VICE PRESIDENT / UI LEAD AT BARCLAYSLinkedIn Recommendation
“

Russ is a design powerhouse. Not only does he create beautiful designs but his knowledge of video animation and ideas on how elements can move about on a screen are really sleek and smart. He is very personable, a team player, an avid learner and a great colleague. I have enjoyed working with Russ and I believe he will be a valuable asset on any team.

SHALIA AINA - VICE PRESIDENT AT BARCLAYSLinkedIn Recommendation
“

Having the pleasure of working with Russ, I got to see the high level of skills he has in design and prototyping. He is capable of creating beautiful graphics that lead into amazing animations videos and delivers the clients exactly what they want. He is funny and charismatic, while also showing a level of professionalism that cannot be acquired elsewhere. I aspire to be able to develop digital designs like Russell and with no doubt I think he will be a great asset in the digital and design industry.

JENNIFER MUNOZ - ASSOCIATE UI DESIGNER AT BARCLAYSLinkedIn Recommendation
“

I have not worked much with Russ directly, but he does the type of work where I have stopped on multiple occasions to ask “Wow, what is that you’re working on!?” The video animations I have seen from Russ are complex, professional, polished and were great in demonstrating how the applications work. On top of his exceptional skills, I was impressed by his desire to help and contribute to the team, such as creating an animated video to be used on the team portfolio site. Even though Russ had a full work load, he was still able to produce exactly when we needed in half the time we expected. I can confidently say that Russ is a master of his craft.

JENNY DIMANH - ASSISTANT VICE PRESIDENT / LEAD UI DESIGNER AT BARCLAYSLinkedIn Recommendation
“

Russell is very kind hearted, hard working, and brings levity to everyday moments. He makes the work environment a joy to be in. His computer graphics and video abilities are impressive to say in the least. He can easily create prototypes and videos to portray a project that brings the concept and screens to life. His knowledge in the digital and design industry enhance his creative work and the work of those around him. He is always curious, always studying, and always improving the design scene.

KATIE GOODRICH - ASSISTANT VICE PRESIDENT / UI LEAD AT BARCLAYSLinkedIn Recommendation
“

Russ’ attention to detail and ability to produce polished products with quick efficiency is not his only talent. He is also a personable team player with a terrific attitude. I have had the pleasure of working along side Russ for the last year and on numerous occasions he has gone above and beyond to produce work that is beyond reproach. Russ is an asset to any organization but I’m glad that we have him as part of ours.

SYDNEY WITT - UX LEAD AT BARCLAYSLinkedIn Recommendation

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.