![Barclays_Anim_2500px_200ppi_Template5.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504632505676-2GOM6RGZQTLG90J9VRN3/Barclays_Anim_2500px_200ppi_Template5.jpg)
Barclays – Lines & Dots Animations
![LINES](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504628164076-IEPV0Q3LJZZFE8USR8NQ/Barclays_Anim_2500px_200ppi_Template.jpg)
LINES
/ CONCEPTING / ART DIRECTION / GRAPHIC DESIGN /
Barclays were upgrading their outdated CMS system to to a new efficient single system. The project was to produce internal facing communications that can be used to create a buzz, provide clarity and inspire passion about the project.
![A simple lines concept was selected as a strong visual metaphor for convergence and together with a new narrative, developed into an internal presentation deck and this Tron-like animation.](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504628199507-DUZNQNIPYCXJDCNDW1DL/Barclays_Anim_2500px_200ppi_Template4.jpg)
A simple lines concept was selected as a strong visual metaphor for convergence and together with a new narrative, developed into an internal presentation deck and this Tron-like animation.
![Barclays_Anim_2500px_200ppi_Template6.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504632378547-II2D1WC0ZDTPBDBBFYVB/Barclays_Anim_2500px_200ppi_Template6.jpg)
![Barclays_Anim_2500px_200ppi_Template2.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504628163581-WW5WGTR0YAZXGZ9DZZPH/Barclays_Anim_2500px_200ppi_Template2.jpg)
![Barclays_Anim_2500px_200ppi_Template3.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504628199493-KLQC0XNRK8QW4CL72RZP/Barclays_Anim_2500px_200ppi_Template3.jpg)
![Barclays_Anim_2500px_200ppi_Template6.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504628950092-IMX191TMUO2VGK74H8QK/Barclays_Anim_2500px_200ppi_Template6.jpg)
![](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504629218353-TYXDC2I6DSQI2OM6YK8Q/Barclays_Anim_2500px_200ppi_Template7.jpg)
![Barclays_Anim_2500px_200ppi_Template8.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504629620945-CIF7SAYYDG4237PRHLM6/Barclays_Anim_2500px_200ppi_Template8.jpg)
![Dots](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504634935364-YMUINCXQPDJQ6S55HOLQ/Barclays_Anim_2500px_200ppi_Template11.jpg)
Dots
We were also asked to explore ways that the five-step customer data protection process can be translated into a simple, engaging and warm animation and used to educate colleagues (and potentially customers in the future).
![Barclays_Anim_2500px_200ppi_Template13.jpg](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504634937806-2G3C5IOB6E49R2B7W4ZB/Barclays_Anim_2500px_200ppi_Template13.jpg)
![The concept was simple dots to represent data. A generic shape that can be filled with personality by adding colour and movement. From a single dot to a screen full of dots all interacting together, our dots would be flexible, expressive and alive w](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504634936507-NMA97BIO5FVQ9AUTBQ3H/Barclays_Anim_2500px_200ppi_Template12.jpg)
The concept was simple dots to represent data. A generic shape that can be filled with personality by adding colour and movement. From a single dot to a screen full of dots all interacting together, our dots would be flexible, expressive and alive whilst being simple to create and animate.
![](https://images.squarespace-cdn.com/content/v1/599072372994ca79773e44f3/1504634899736-P1T9I9NBABE3RLXG9UTV/Barclays_Anim_2500px_200ppi_Template15.jpg)