Circle are a global company who believe that preventable illnesses can be avoided by showing people how to pro-actively manage their health and make better lifestyle choices. Circle are releasing a new product in the UK - ‘Circle Snapshot’, which enables individuals to test their blood with ease at the comfort of their home.
I was in charge of the whole website and the wider team of designers, whom I delegated work to. This enabled a smooth and efficient project throughout.
Total pages designed: 9 pages.
![Circle Snapshot - Web Layout 3 - Desktop and mobile versin of Homepage](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189dfe40e82cd5edf9b8_Circle%20snapshot%20web%20and%20mobile.webp)
We were given freedom with the layout and feel of the website. We designed the website with more structure and space, to reflect how easy, simple and clean it was to use the product at home.
![Circle - Laptop Mockup on a table with sunshine](https://cdn.prod.website-files.com/63595e338696534d436fa77c/63602083bd679458ca03cf7c_Circle%20snapshot%20mockuo.webp)
Once we figured out what we required for the website, we were given the opportunity to create our own stock imagery. Situated at a home in London, we took a number of product and lifestyle shots. To balance the minimal and clean website, we pushed the imagery to have more colour and warmth.
![Circle Snapshot - Photoshoot of Person with Product](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189de4cee9be6ed3c4d2_Circle%20image%201.webp)
![Circle Snapshot - App in use image](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189d456b773019402f8b_Circle%20image%202.webp)
![Circle Snapshot - Photoshoot of Person with Product 2](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189d5544727367e8da0d_Product%20use%20%20.webp)
![Filled circle moving around a circle tube](https://cdn.prod.website-files.com/63595e338696534d436fa77c/63865690801e8e6d9f1da183_Circle-Animation-Loop_2.gif)
![Filled circle moving around a heart tube](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6386569dcd30f0c2de23ee15_Heart-Animation-Loop_2.gif)
We created new brand assets for this project which included illustrations, iconography and graphs. This reflected the brand and the new website of science and simple-to-use look.
![Circle Snapshot - Web Layout 4 - White background](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189d0ebdd16cf0cb4d8d_Circle%20website%20product.webp)
![Moving blood arteries](https://cdn.prod.website-files.com/63595e338696534d436fa77c/63866180bfe38c100053ace1_01-Artery-Animation-Both.gif)
![Circle Snapshot - Web Layout](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189e36d2d0955702844e_Circle%20snapshot%20website%20oveerview.webp)
![Graph representing the cause of death](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6387dab9b38e832bc2008db1_Causes-of-Death-min.gif)
![Graph showing the atherosclerosis by age group](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6387daf02c00610f7a0a53f7_Atherosclerosis-min.gif)
![Circle Snapshot - Laptop Mockup 2 - Somone typing on laptop](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360189f313efc241b185bf5_Circle%20mockup%202.webp)
![Circle Web Layout with white background](https://cdn.prod.website-files.com/63595e338696534d436fa77c/6360206dbe4ba24c8602ae6d_Circle%20website%20how%20it%20works%20and%20blog.webp)
Many thanks to the team:
Simon Dean (Brand Director)
Elliot King (Animator)
Circle (Client).