Project

Barclay’s Wearables

User Interface
Take a journey with me
Project

Barclay’s Wearables

User Interface
Client
Barclays Technology
Project

Barclays Wearable Apps
[ UI ] User Interface

Year

2014-2015

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

Barclays Wearables

Project Swift

OVERVIEW

In the run-up to Apple Watch going on general sale in the UK on April 24th, Barclays has announced that it will be one of the first apps available through the new technology.

The Barclays app will enable customers to securely check the balance of their current account on the go, linked to the Barclays Mobile Banking app. Up to five current accounts can be accessed, which the user can swipe through to view.

Client
Barclays Technology
Project

Barclays Wearable Apps
[ UI ] User Interface

Year

2014-2015

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

Barclays Wearables

Project Swift

OVERVIEW

In the run-up to Apple Watch going on general sale in the UK on April 24th, Barclays has announced that it will be one of the first apps available through the new technology.

The Barclays app will enable customers to securely check the balance of their current account on the go, linked to the Barclays Mobile Banking app. Up to five current accounts can be accessed, which the user can swipe through to view.

CONSISTENCY & SIMPLICITY

Bridging UI Across Devices

This project’s challenge for Kyle was jumping into each of the devices with no prior experience with any of the wearables in addition to the iWatch. As they each carried a set of very different specs due to face sizes and development differences under the hood.

As the iWatch in itself had very little data and input nor examples other than the developer’s tool kits, site, and what apple had provided publicly since it wasn’t in the market yet.

This is part two of the swift project, user interface designs, UI cycles, exploratory progress to the final output, and delivery.

User Interface Delivery
  • Storyboarding
  • Presentations Stakeholders
  • Research & Discovery – Design/Platforms
  • Consistent Design Across Platforms
  • Experimental & Testing Designs
  • Design Strategy & Pitch decks
  • Hi-Fidelity Mocks and Flows
  • New UI – New Features to existing apps
  • Finalization, Assets, Delivery + Fine-tuning
CONSISTENCY & SIMPLICITY

Bridging UI Across Devices

This project’s challenge for Kyle was jumping into each of the devices with no prior experience with any of the wearables in addition to the iWatch. As they each carried a set of very different specs due to face sizes and development differences under the hood.

As the iWatch in itself had very little data and input nor examples other than the developer’s tool kits, site, and what apple had provided publicly since it wasn’t in the market yet.

This is part two of the swift project, user interface designs, UI cycles, exploratory progress to the final output, and delivery.

User Interface Delivery
  • Storyboarding
  • Presentations Stakeholders
  • Research & Discovery – Design/Platforms
  • Consistent Design Across Platforms
  • Experimental & Testing Designs
  • Design Strategy & Pitch decks
  • Hi-Fidelity Mocks and Flows
  • New UI – New Features to existing apps
  • Finalization, Assets, Delivery + Fine-tuning
UI Exploration & Testing
Concepts & Testing UI

7

Concepts

4

UI Renditions

80

User Tests & Technical Demo's

The above examples are finding the similarities and sweet spots in typography sizing, displays, color, and graphic meters in how they would fit across each of the wearables that can be consistent. Some of the most extensive testings were on the meters and functionality in replicating the same on each device.

UI Exploration & Testing
Concepts & Testing UI

7

Concepts

4

UI Renditions

80

User Tests & Technical Demo's

The above examples are finding the similarities and sweet spots in typography sizing, displays, color, and graphic meters in how they would fit across each of the wearables that can be consistent. Some of the most extensive testings were on the meters and functionality in replicating the same on each device.

Styles & Iconography

#00395d

#007eb6

#00aeef

#8ac6df

#b2b2b2

#f5f5f5

Styles & Iconography

#00395d

#007eb6

#00aeef

#8ac6df

#b2b2b2

#f5f5f5

Visual Design
iWatch Finals

7

Versions

3

Wearable Apps

2

Apple & Android Platforms
Visual Design
iWatch Finals

7

Versions

3

Wearable Apps

2

Apple & Android Platforms
App Styles

#00395d

#000000/#00395d

#00aeef

#07c76b

#FFd500

#cc3333

Streamlining Visual Design
Android Moto
Samsung Gear
Move Money
Integration to Native App
iPhone Finals

7

Versions

3

Wearable Apps

4

Added Enhancements
Project Outcome

SUCCESSFUL LAUNCHS

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.

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

SUCCESSFUL LAUNCHS

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.

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

6

Coffee Intake

12

Hoops to jump through

4

New curse word combos

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