https://www.youtube.com/watch?v=KE8n5Mcwyl0&feature=youtu.be
SYNOPSIS
Leading a super talented UX/UI Multimedia team ushered in a terrific opportunity to evangelize the impact and value that video and motion design bring to the user experience. Leveraging motion graphics and video production acted as a spring board for teams to turn static UX/UI designs and concepts to life by injecting character, high production value, and narrative, which allowed stakeholders to see firsthand the flow of a design, the animated behavior of its elements, and push the envelope to entertain certain ideas previously thought “impossible” – as possible. The following samples illustrate just how much of an important role video / motion graphics plays not only in a UX/UI environment, but representing a multitude of capabilities & business areas throughout the company. The team was also very involved in the UX/UI design process on many global financial products. A shout out goes to DJ White, Andy Allman, & Nick Goodrich, who each contributed to the making of the videos below.
UI/UX Design Systems
Whiteboard sessions, user journeys, prototyping, AI design, and more for internal/external facing products, including BBVA Family Banking, Automik, and the AI-powered account and card management assistant, “Blue”.
Project Pitches
Fabricated videos for prototype teams showcasing how a final product might look in order to get buy in from key stakeholders.
Corporate Social Responsibility
We partnered with the CSR department to build awareness of how BBVA Compass invests and helps local communities.
Vi-Docs / Features
Chronicling product updates and profiling meaningful contributions key employees have made to both local and international communities.
Internal Comms
Featured employees, talent and culture updates, and company events were captured and distributed internally.
Project Launches
It’s an exciting moment for a team to release their product; we provided high production value launch videos.
CONCEPT IDEATION TO FINAL PRODUCT
HOW THE SAUCE GETS MADE
__________
Forging a script based off the research, user journeys, personas, and data is the foundation for storyboards, which go through multiple iterations until the stakeholder’s vision is defined. Whether it is 2D/3D motion graphics or live video production, we delivered high production value on time, every time. This first example demonstrates our walkthrough .
GLOBAL PERSONAS
UX Design
Great ideas can come from anywhere, but how do we successfully execute them? Creating a group of persona archetypes generated from real world data provides a foundation for teams to champion the end user.
GLOBAL PERSONAS
COMPILATION CONTACT SHEET
__________
My team was tasked with hiring professional actors, shoot on-location, and capture video production footage that we later edited into what would become the Design Department’s Global Personas for BBVA’s external-facing consumer financial products.
Meet The Personas
These Were Used For Global Projects
Isabella 2:46
“I’m good at budgeting, but I want to live beyond simply making ends meet.”
Pedro 3:43
“You only live once! Money is for experiencing life to the fullest.”
Daniel 3:30
“I enjoy planning and managing my finances. I’m on track to reach my goals.”
Jorge 2:48
“I earn enough to get by. Surprise expenses make it hard to get ahead.”
Gabriela 3:32
Check out Kevin treck some of the most intense courses in all of the Salient area.
Global Workshops
A new global product was on the horizon. Colombia hosted our workshop – inviting designers, engineers, & business dev from 6 countries to collectively define the vision.
The Persona videos were used as a fundamental starting point for almost every product within BBVA. They represented a healthy mix of current and potential customers in terms of what their interests, needs, and mindsets are. This approach proved to be invaluable – regardless of which product was in development. Using the Personas helped lay the foundation for a product by getting the Designers and Engineers headspace into the mind of their customers, making the end result that much better.
It was a truly beautiful thing watching how over the span of one week, folks from 6 different countries from around the world, who didn’t know each other prior to the event and come from very different walks of life, find common ground in the universal passion for good design. Critical thinking and outstanding ideas were shared, causing a person from one country to expand upon an epiphany by a person from a different country. Creative synergy manifested organically through this process, which ultimately created a roadmap and scope that everyone could get behind.
32
Employees
Collaborated
Designers & Engineers from Spain, Turkey, Mexico, The United States, Colombia, and Peru came together with one goal.
GLOBAL PERSONAS
WORKSHOP DETAILS
__________
Taking Inventory
At the end of each day, we catalogued the contributions from the team.
Quick Turnaround
We developed a prototype in tandem with the team’s concept ideations.
A Penny For Your Thoughts
The workshop produced many ideas & solutions, helping to define the roadmap of the global project.
Ultra Durable
Sometimes the best workspace is the floor.
PHOTOGRAPHY EXAMPLE
TOURING BOGOTÀ
__________
It was my first time traveling to South America, so I packed my personal camera and was excited to document the experience. Bogotà is a high-altitude location, with parts of the city nestled into the surrounding mountains. Being from San Francisco, I was surprised to find geographical similarities that the two cities shared; they both reside in hills, have a pleasant breeze that sweeps through the city, and the smell of Eucalyptus trees reminded me of home. I had one free day to explore and below is the result.
PROJECT LAUNCH EXAMPLE
AUTOMIK
__________
The global team assembled from the workshop was excited to launch our automotive loan app and needed a video to commemorate the occasion. The request included having production values that were “Apple commercial quality”, which made for a fun creative challenge. My team pivoted on the project from UI/UX over to motion graphics, 3D modeling / animation, and video production.
UI/UX DESIGN
BBVA COMPASS EMPLOYEE PERSONAS
__________
In addition to external-facing financial products, we also provided UI/UX Designs for BBVA internal design systems, so we cultivated user journey personas based on employee data to act as a foundation. My team was tasked with overhauling the “Saber / FLO” dashboard used by employees at brick and mortar bank branches.
UI/UX DESIGN
SABER / FLO WIREFRAMES
__________
The image gallery below is a sample of early wireframes I designed based on stakeholder requirements and feedback for customer registration pertaining to a citizen. It offers a look at my process of identifying what works and what doesn’t. Using corresponding green numerical callouts keeps all parties aligned.
UI/UX DESIGN
SABER / FLO DESIGN MOCKUPS
__________
The image gallery below is an example of the non-client portion of the Saber design system, so the flow is a bit different from the citizen registration flow above, but you can see what a difference two weeks makes in cleaning up the wireframes and the overall design.
UI/UX DESIGN
CARD COMPARISON MOCKUPS
__________
Working with Kristen and Savannah, we implemented the new design component library and adhered to the design branding guidelines into the BBVA card product comparison feature for desktop and mobile. Each of the three mockups leveraged a specific visual option.
UI/UX DESIGN
FAMILY BANK EXPERIENCE
__________
Working with fellow UI/UX Designer, Monica Fernandez, we designed what would become the BBVA Family Bank Mobile App. The experience was intended to help parents teach their children the value of money, how a bank account works, and involve other family members monetary contributions via the completion of chores. Parents could monitor the child’s account as part of their own bank account and create a list of chores for their child to do. Upon completion of the chores list, the parents pay their child by transferring funds into the child’s account. Children have access to their bank account and view how much they earn, withdraw funds, and upload pictures of toys and/or items they are interested in as a purchase goal.
PROJECT LAUNCH EXAMPLE 02
MUSEUM OF FINE ART HOUSTON
__________
BBVA partnered with The Museum Of Fine Art Houston, investing in MFAH’s plan to build the Glassell Art School. It was designed as a central hub for folks in Houston to get together, take classes in various courses, feature rotating art exhibits, and enjoy a panoramic view of the city. BBVA paid for the panoramic view; dubbed the “BBVA Rooftop Garden”, it sits approximately three stories tall. We flew down to cover the grand opening of the facility and interview the BBVA Compass CEO, MFAH director, and some of Houston’s residents on what this new addition means to them.
CORPORATE SOCIAL RESPONSIBILITY EXAMPLES
BBVA MOMENTUM
__________
Banks are known to be financial institutions where people can park their sweat equity as well as take out loans, but what else do they do? Three years ago (as of this entry), BBVA started an initiative called “Momentum” – an opportunity for small business owners to partner with the bank, each be assigned a professional mentor from the bank, and possibly win a monetary prize. To help build awareness for the program, my team profiled the winners from year two & three.
Café Momentum 4:01
“Café Momentum is one of the top restaurants in Dallas, but more importantly, it is a post-release internship for young men and young ladies exiting Dallas County juvenile detention facilities.”
On The Road Lending 3:19
“We make affordable car loans for working families so that they can access jobs, lead a healthier life, and avoid predatory lenders.”
PROJECT PITCH EXAMPLES
MOTION GRAPHICS
__________
BBVA has many global products that are at various stages of completion. Often times, projects that are in the beginning stages need approval or buy in from key stakeholders. We facilitated some of those needs through motion graphics, taking a verbal idea and turning it into an easy-to-digest visual presentation.
7 Layer Framework 3:03
“We’re using a product driven approach to deploy the 7 layers in all our countries as quickly as possible.”
Open Platform 2:46
“Changing the way businesses…do business.”
DigEx Home Buying :55
“Buying a house is a big decision.”
INTERNAL COMMS EXAMPLE 01
BBVA AMBASSADORS
__________
One of the most enjoyable assignments to come across my desk involved flying to New Mexico and doing a profile on Kathleen Fennell, who has been an employee of BBVA Compass for over 40 years. I am a firm believer in the notion that a company’s soul is personified by its staff – without them, all that is left are essentially four walls and a roof. Therefore, I was very excited to meet Kathy and learn about her professional contributions. We only had one day of production to tell her story, but it was a fascinating one that included her passion for volunteer work in multiple organizations, how the company’s “think big” motto allows her opportunities to contribute beyond her daily tasks, and her being a hot air balloon pilot!
INTERNAL COMMS EXAMPLE 02
HALLOWEEN PROMO
__________
