Barclay’s Wearables

[ UI ] User Interface
Barclays iWatch Banking App
iWatch Banking App from Barclays
Barclays iWatch Banking App
iWatch Banking App from Barclays

Barclay’s Wearables

[ UI ] User Interface

CLIENT

Barclays

PROJECT

Mobile
Wearable Devices

YEAR

14-2015

ROLE

Lead UX/UI Designer

SUPPORT

  • Business
  • Product Team
  • Brand/Marketing Team
  • IOS Team
  • Android Team

Project Swift

UI Design Unveiled

INTRODUCTION

As the anticipation for the Apple Watch release in the UK heightened, Barclays positioned itself as a pioneer by announcing its status as one of the first apps available through this innovative technology. The Barclays app, linked to the Barclays Mobile Banking app, empowered customers to securely check their current account balances on the go, offering a seamless experience across devices.

CLIENT

Barclays

PROJECT

Mobile
Wearable Devices

YEAR

14-2015

ROLE

Lead UX/UI Designer

SUPPORT

  • Business
  • Product Team
  • Brand/Marketing Team
  • IOS Team
  • Android Team

Project Swift

UI Design Unveiled

INTRODUCTION

As the anticipation for the Apple Watch release in the UK heightened, Barclays positioned itself as a pioneer by announcing its status as one of the first apps available through this innovative technology. The Barclays app, linked to the Barclays Mobile Banking app, empowered customers to securely check their current account balances on the go, offering a seamless experience across devices.

Bridging UI Across Devices

Consistency & Simplicity

Navigating the uncharted territory of various wearables, including the iWatch, presented a unique challenge for Kyle. With no prior experience in this domain and limited data available, each wearable introduced different specifications, especially in terms of face sizes and developmental nuances. This phase marks the second part of Project Swift, delving into user interface designs, iterative cycles, and the journey towards the final output and delivery.

  • Explored diverse design concepts to find common ground.
  • UI Renditions: Iterating on user interface renditions for refinement.
  • User Tests & Technical Demos: Rigorous testing to ensure functionality and consistency.

The testing phase focused on identifying similarities and optimal design elements, including typography sizing, displays, color schemes, and graphic meters that could maintain consistency across diverse wearables. Extensive testing, particularly on meters and functionality, played a crucial role in achieving a unified user interface.

View UI Exploration & Testing examples below:

Lo-fidelity wearable wires
Lo-fidelity wearable wires

Bridging UI Across Devices

Consistency & Simplicity

Navigating the uncharted territory of various wearables, including the iWatch, presented a unique challenge for Kyle. With no prior experience in this domain and limited data available, each wearable introduced different specifications, especially in terms of face sizes and developmental nuances. This phase marks the second part of Project Swift, delving into user interface designs, iterative cycles, and the journey towards the final output and delivery.

  • Explored diverse design concepts to find common ground.
  • UI Renditions: Iterating on user interface renditions for refinement.
  • User Tests & Technical Demos: Rigorous testing to ensure functionality and consistency.

The testing phase focused on identifying similarities and optimal design elements, including typography sizing, displays, color schemes, and graphic meters that could maintain consistency across diverse wearables. Extensive testing, particularly on meters and functionality, played a crucial role in achieving a unified user interface.

View UI Exploration & Testing examples below:

ICONOGRAPHY

#00395d

#007eb6

#00aeef

#8ac6df

#b2b2b2

#f5f5f5

ICONOGRAPHY

#00395d

#007eb6

#00aeef

#8ac6df

#b2b2b2

#f5f5f5

APP STYLES

#00395d

#000/#00395d

#00aeef

#07c76b

#FFd500

#cc3333

UI DESIGNS

iWatch Finals

UI DESIGNS

iWatch Finals

QUICK PAY FEATURE

Convenience of managing payments directly from your wrist during dinner or on-the-go.
With the Quick Pay feature seamlessly integrated into your iWatch, Barclays brings
effortless and fast transaction payments by voice or fingertips.

STREAMLINING UI DESIGNS

Android Moto
Samsung Gear

LOCATION FEATURE

Empowered users to effortlessly locate nearby Barclays branches and
ATMs with a quick glance at their wrist.

(Preexisting) NATIVE APP UI INTEGRATION

iPhone Finals

ACCOUNTS

iWatch app’s Accounts Feature, providing you with unparalleled control over your financial universe.
Receive timely alerts for your accounts and credit cards, enabling quick response in case of
potential theft. Swiftly move money between accounts and effortlessly review transactions using the
power of voice or fingertips.

DELIVERED

Navigating the Wearable Frontier

Multi-Team Endeavor to Redefine User Experience

In the unexplored realm of wearable technology, Kyle Vena not only spearheaded interface design for the iWatch and Android wearables but also managed multiple teams with relentless dedication. Juggling various requirements, he delved into seven unique UI concepts and conducted exhaustive tests, investing over 80 hours + in user testing and technical demos.

Beyond meticulous design, Kyle’s role involved bridging diverse teams, leading to significant time and cost savings. His flexible approach allowed for quick pivots based on real-time findings, resulting in a cohesive UI that not only adapted to distinct platform specifications but surpassed the existing interfaces.

DELIVERED

Navigating the Wearable Frontier

In the unexplored realm of wearable technology, Kyle Vena not only spearheaded interface design for the iWatch and Android wearables but also managed multiple teams with relentless dedication. Juggling various requirements, he delved into seven unique UI concepts and conducted exhaustive tests, investing over 80 hours + in user testing and technical demos.

Beyond meticulous design, Kyle’s role involved bridging diverse teams, leading to significant time and cost savings. His flexible approach allowed for quick pivots based on real-time findings, resulting in a cohesive UI that not only adapted to distinct platform specifications but surpassed the existing interfaces.

RESULT

Kyle Vena’s work not only transformed the project
but also elevated his professional standing
in UI/UX design…

Recognition and Professional Growth

The culmination of the project didn’t just result in successful launches but opened doors to significant career advancements for Kyle Vena. Apple, recognizing his remarkable talent and contributions to UI/UX design, extended a job offer that spoke volumes about his expertise.

The accolades and opportunities received weren’t mere tokens; they underscored the profound impact of Kyle’s work on the Barclays project and solidified his position as a distinguished professional in the field.

PROJECT HIGHLIGHTS

RESULT

Kyle Vena’s work not only transformed the project
but also elevated his professional standing
in UI/UX design…

Recognition and Professional Growth

The culmination of the project didn’t just result in successful launches but opened doors to significant career advancements for Kyle Vena. Apple, recognizing his remarkable talent and contributions to UI/UX design, extended a job offer that spoke volumes about his expertise.

The accolades and opportunities received weren’t mere tokens; they underscored the profound impact of Kyle’s work on the Barclays project and solidified his position as a distinguished professional in the field.

PROJECT HIGHLIGHTS

Kyle is an exceptionally talented and versatile designer with a remarkable ability to excel across diverse projects. His outstanding contributions to our data visualization dashboards and the development of our watch app have not only garnered acclaim within the bank but have also 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 an outstanding professional and a highly effective executor. His exceptional skills in UX/UI have resulted in successful project deliveries at the senior management level.

Kyle worked with me on several high profile projects, 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 stands out as a brilliant UI/UX designer. Over the course of 10 months, he consistently delivered high-quality designs, bringing about a transformative change in the aesthetics and functionality of our dashboards across various portfolios. His work played a key role in securing buy-in from senior executives and business leaders for 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

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