Project

Barclay’s
Wearables

[ UX ] User Experience
Take a journey with me
Project

Barclay’s
Wearables

[ UX ] User Experience
Client
Barclays Technology
Project

Barclays Wearable Apps

Year

2014-2015

Role
UX/UI Hybrid Lead Designer
Supported
  • Business
  • Product Team
  • Brand/Marketing Team
  • IOS Team
  • Android Team

If You’re Not First

You’re Last

OVERVIEW

Barclay’s mission was to jump on this opportunity of being one of the first in releasing an app for the iWatch and wanting to make this available for their customers.

Project “Swift” was born. Barclays wanted to be at the forefront of the wearable technology market and offer quick apps in making life a bit easier. Our mission was to be one of the first UK banks to offer banking services on wearables.

Client
Barclays Technology
Project

Barclays Wearable Apps

Year

2014-2015

Role
UX/UI Hybrid Lead Designer
Supported
  • Business
  • Product Team
  • Brand/Marketing Team
  • IOS Team
  • Android Team

If You’re Not First

You’re Last

OVERVIEW

Barclay’s mission was to jump on this opportunity of being one of the first in releasing an app for the iWatch and wanting to make this available for their customers.

Project “Swift” was born. Barclays wanted to be at the forefront of the wearable technology market and offer quick apps in making life a bit easier. Our mission was to be one of the first UK banks to offer banking services on wearables.

RESEARCH, LEARN, & TEST

UX Patterns & Similarities

Kyle was brought into this project to help with the UX/UI delivery of integrating wearables in Barclay’s pre-existing apps for both Android and iOS while designing three wearables that are all seamless within the Barclays branding.

Apple & Android Watch Features

Below are some of the main objectives/features to account for in design and development.

  • ATM Locator – quick and easy access to directions to the nearest Barclays branch or ATM
  • Charity Step Tracker – Enable customers to generate charitable donations based on the number of steps that are tracked on their smartwatch
  • Balance Notifications – Configurable push notifications that alert the customer via their watch when their balance meter reaches a certain point
  • Fraud Alerts – Pushing notifications to the customer’s watch to confirm if payment is genuine and enabling them to respond back via the watch to confirm yes or no instantly
  • Authentication – Further authentication on the watch application to enable more detailed information to be displayed to the customer and actionable transactions to be triggered from the application
  • View last 5 transactions – Giving customers details of the last five transactions on their chosen account enhances the experience when viewing the account balance
User Experience Delivery
  • Collaboration & Emersion of info
  • Gathered & Created Personas
  • Storyboarding / Journeys
  • Develop Process / Revise Process
  • UX Scope / Feature Books / Version Control Logs
  • Evolving / Revising
  • Experimental & Testing Designs
  • Worked alongside development teams for each device
  • Lo-Fidelity Mocks and Flows
RESEARCH, LEARN, & TEST

UX Patterns & Similarities

Kyle was brought into this project to help with the UX/UI delivery of integrating wearables in Barclay’s pre-existing apps for both Android and iOS while designing three wearables that are all seamless within the Barclays branding.

Apple & Android Watch Features

Below are some of the main objectives/features to account for in design and development.

  • ATM Locator – quick and easy access to directions to the nearest Barclays branch or ATM
  • Charity Step Tracker – Enable customers to generate charitable donations based on the number of steps that are tracked on their smartwatch
  • Balance Notifications – Configurable push notifications that alert the customer via their watch when their balance meter reaches a certain point
  • Fraud Alerts – Pushing notifications to the customer’s watch to confirm if payment is genuine and enabling them to respond back via the watch to confirm yes or no instantly
  • Authentication – Further authentication on the watch application to enable more detailed information to be displayed to the customer and actionable transactions to be triggered from the application
  • View last 5 transactions – Giving customers details of the last five transactions on their chosen account enhances the experience when viewing the account balance
User Experience Delivery
  • Collaboration & Emersion of info
  • Gathered & Created Personas
  • Storyboarding / Journeys
  • Develop Process / Revise Process
  • UX Scope / Feature Books / Version Control Logs
  • Evolving / Revising
  • Experimental & Testing Designs
  • Worked alongside development teams for each device
  • Lo-Fidelity Mocks and Flows

Unifying Strategies

Immersion of Collaborative Teams

From kick-offs to workshops, and meetings,  we were immersed in gathering information, asking the right questions, research while compiling our feedback and testing. We all had a role in what we brought to the table. Kyle helped define this project’s extent and streamlined workflows while filling in the gaps of vital information, breaking it down into bite-size pieces for all teams to work simultaneously.

Unifying Strategy for UX Designs
User Experience Planning
Unifying Strategy for UX Designs
User Experience Planning

Unifying Strategies

Immersion of Collaborative Teams

From kick-offs to workshops, and meetings,  we were immersed in gathering information, asking the right questions, research while compiling our feedback and testing. We all had a role in what we brought to the table. Kyle helped define this project’s extent and streamlined workflows while filling in the gaps of vital information, breaking it down into bite-size pieces for all teams to work simultaneously.

Unifying Strategy for UX Designs
User Experience Planning
Unifying Strategy for UX Designs
User Experience Planning

Stunning Looks & Functionality

Came from many talented teams unified. Kyle’s key role was user experience and user interface design for Barclays pre-existing app and the new rollouts of wearables.

Stunning Looks & Functionality

Came from many talented teams unified. Kyle’s key role was user experience and user interface design for Barclays pre-existing app and the new rollouts of wearables.

iPhone

Barclays pre-existing app – User experience designs of; iPhone integrated settings, features, and necessary screens for the user to connect the iWatch wearable device.

iWatch

User experience and user interface designs to be created and aligned with current branding yet consistent across all platforms.

Android

Barclays pre-existing app – User experience designs of; Android integrated settings, features, and necessary screens for the user to connect the M.Moto/S.Gear wearable devices.

M.Moto + S.Gear

User experience and user interface designs of M.Moto & S.Gear to be created and aligned with current branding yet consistent across all platforms.

iPhone

Barclays pre-existing app – User experience designs of; iPhone integrated settings, features, and necessary screens for the user to connect the iWatch wearable device.

iWatch

User experience and user interface designs to be created and aligned with current branding yet consistent across all platforms.

Android

Barclays pre-existing app – User experience designs of; Android integrated settings, features, and necessary screens for the user to connect the M.Moto/S.Gear wearable devices.

M.Moto + S.Gear

User experience and user interface designs of M.Moto & S.Gear to be created and aligned with current branding yet consistent across all platforms.

Storyboards
Storyboards
UX Flows
iWatch

41

Lo-Fidelity UX Screens

8

UX Renditions & Added Features

80

User Tests, Gestures, & Technical Demo's
UX Flows
iWatch

41

Lo-Fidelity UX Screens

8

UX Renditions & Added Features

80

User Tests, Gestures, & Technical Demo's
Android Moto
Samsung Gear
Android Moto
Samsung Gear
iPhone

30

Screens

7

UX Renditions to Finals

2

Months Overlapping UI
iPhone

30

Screens

7

UX Renditions to Finals

2

Months Overlapping UI
Project Outcome

A GREAT SUCCESS

As a team we hit all of our milestones, staff pilots, testing pilots while accomplishing our Apple / Android launch on time and on iTunes / Google Play. As a result, it turned out as a great success with awesome publications and reviews throughout the UK upon launch.

Awards & Mentions
  • Best Apple Watch Apps Available At Launch
  • Job offer from Apple prior to launch
  • Numerous Publications: UK HuffPost, TechWatch, & Etc
  • Barclays gave me a slice of pizza, a cupcake, and a team hand clap as managers were all promoted
Project Outcome

A GREAT SUCCESS

As a team we hit all of our milestones, staff pilots, testing pilots while accomplishing our Apple / Android launch on time and on iTunes / Google Play. As a result, it turned out as a great success with awesome publications and reviews throughout the UK upon launch.

Awards & Mentions
  • Best Apple Watch Apps Available At Launch
  • Job offer from Apple prior to launch
  • Numerous Publications: UK HuffPost, TechWatch, & Etc
  • Barclays gave me a slice of pizza, a cupcake, and a team hand clap as managers were all promoted

DON’T TAKE IT FROM ME,

HERE'S WHAT OTHERS HAD TO SAY...

Kyle is a very bright and versatile designer capable of working on a wide variety of projects. His work on our data visualization dashboards and our watch app has stood out and received great acclaim within the the bank and received positive feedback from Apple.

Kyle is a self-starter who always does his best work and does not need supervision. Kyle has been the glue using design and ideation to connect teams of developers, brand, and the business across the globe.

He is able to generate new business for the team simply by becoming the go-to guy for his clients!

Don RelyeaDirector - Head of Design Technology and Prototyping/O&T Intellectual Property Chair @ Barclays

Kyle is a superb professional and great executor. He has excellent UXI/UI skills and has delivered projects at senior management level.

Kyle worked with me on several high profile, high value business analytic projects at Barclays. His UX/UI work spanned across multiple organizations that included an Executive Data Analytics dashboard, global Real Estate management and visualization application and a comprehensive Retail Banking analytics application. The functionality, navigation, drill down, branding were all very compelling.

Kyle is a great team player, pleasing personality and focused on delivering exceptional customer experience. Given opportunity I would love to work with him again.

Suresh RaoTechnical Director & Lead of Engineering @ Barclays

Kyle is a brilliant UI/UX designer, over the course of 10 months he continually delivered high quality designs that completely transformed the look and feel of our dashboards across multiple portfolios, helping to gain buy in from senior executives and business leaders on our analytical projects.

In addition to design, Kyle also has a great understanding of how to translate the needs of an end user into a visually compelling interface that delivers the best user experience possible. I highly recommend Kyle and hope that we get to work with him again in future.

Kesenia AbbohVP, Advanced Analytics & Magnetization @ Barclays

DON’T TAKE IT FROM ME,

HERE'S WHAT OTHERS HAD TO SAY...

Kyle is a very bright and versatile designer capable of working on a wide variety of projects. His work on our data visualization dashboards and our watch app has stood out and received great acclaim within the the bank and received positive feedback from Apple.

Kyle is a self-starter who always does his best work and does not need supervision. Kyle has been the glue using design and ideation to connect teams of developers, brand, and the business across the globe.

He is able to generate new business for the team simply by becoming the go-to guy for his clients!

Don RelyeaDirector - Head of Design Technology and Prototyping/O&T Intellectual Property Chair @ Barclays

Kyle is a superb professional and great executor. He has excellent UXI/UI skills and has delivered projects at senior management level.

Kyle worked with me on several high profile, high value business analytic projects at Barclays. His UX/UI work spanned across multiple organizations that included an Executive Data Analytics dashboard, global Real Estate management and visualization application and a comprehensive Retail Banking analytics application. The functionality, navigation, drill down, branding were all very compelling.

Kyle is a great team player, pleasing personality and focused on delivering exceptional customer experience. Given opportunity I would love to work with him again.

Suresh RaoTechnical Director & Lead of Engineering @ Barclays

Kyle is a brilliant UI/UX designer, over the course of 10 months he continually delivered high quality designs that completely transformed the look and feel of our dashboards across multiple portfolios, helping to gain buy in from senior executives and business leaders on our analytical projects.

In addition to design, Kyle also has a great understanding of how to translate the needs of an end user into a visually compelling interface that delivers the best user experience possible. I highly recommend Kyle and hope that we get to work with him again in future.

Kesenia AbbohVP, Advanced Analytics & Magnetization @ Barclays