Project
Barclay’s Wearables
User Interface
Take a journey with me
Project
Barclay’s Wearables
User Interface
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
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
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.
- 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.
- 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
App Styles
#00395d
#000000/#00395d
#00aeef
#07c76b
#FFd500
#cc3333
Streamlining Visual Design
Android Moto
Samsung Gear
Move Money
Integration to Native App
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
