Barclays Help & Support

A self-service website which combines both search and browse functionalities to provide quick and efficient help to customers.

My responsibilities included collaborating with UX designers to create user flows and wireframes, interaction and visual design, presenting to client, accessibility, prototypes and style guides. Features I worked on include branch finder, contact panel and contact directory.

Made at AQKA. 2015
UI/UX - AKQA
Development – AKQA
Help & Support website

Barclays_2560x1440px_26Barclays_2560x1440px_26

Multichannel customer service

Customers can contact Barclays via phone, email, web chat, post, social media or in person at a branch.

Barclays_2560x1440px_03Barclays_2560x1440px_03

Contact directory

Customers can filter contacts by topic, and have access to specialized support teams.

[unex_ce_button id="content_wsnjxif7g" button_text_color="#ffffff" button_font="light" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#00395d" button_padding="10px 40px 10px 40px" button_border_width="1px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#00395d" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://www.help.barclays.co.uk/contact-us.html" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]SEE ON THE WEBSITE[/ce_button]
Barclays_2560x1440px_29Barclays_2560x1440px_29
Barclays_2560x1440px_23Barclays_2560x1440px_23

Contact panel

Triggering the contact panel from an answer page will display relevant contacts only.

[unex_ce_button id="content_3t6v26bg3" button_text_color="#ffffff" button_font="light" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#00395c" button_padding="10px 40px 10px 40px" button_border_width="1px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#000000" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://www.help.barclays.co.uk/faq/mortgages/managing-mortgage/offset-joint-savings.html?contactpanel=0/0" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]SEE ON THE WEBSITE[/ce_button]
Barclays_2560x1440px_34Barclays_2560x1440px_34
Barclays_2560x1440px_25Barclays_2560x1440px_25

Branch Finder

An easy-to-use locator which helps customers to easily find and get directions to the intended branch.

[unex_ce_button id="content_m2gdoor75" button_text_color="#ffffff" button_font="light" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#00395d" button_padding="10px 40px 10px 40px" button_border_width="1px" button_border_color="#ffffff" button_border_radius="0px" button_text_hover_color="#00395d" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="https://ask.barclays.co.uk/branchfinder/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]SEE ON THE WEBSITE[/ce_button]
Barclays_2560x1440px_35Barclays_2560x1440px_35
SAMSUNG CAMERA PICTURESSAMSUNG CAMERA PICTURES