{"data":{"prismic":{"blog_article":{"article_type":"News","title":[{"type":"heading1","text":"12 Years of Collaboration: A Digital Takeoff with Bristol Airport","spans":[],"direction":"ltr"}],"summary_text":[{"type":"paragraph","text":"One website, one designer, a client relationship spanning over ten years, and a whole lot of digital progress. Introducing our latest project to go live: Bristol Airport. ","spans":[]}],"seodescription":null,"seotitle":[{"type":"paragraph","text":"12 Years of Collaboration: A Digital Takeoff with Bristol Airport","spans":[],"direction":"ltr"}],"author":{"__typename":"PRISMIC_Person","name":"James Humphrey","job_title":"Lead Experience Designer","profile_picture":null},"published":"2022-11-28","image":{"dimensions":{"width":1800,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg?auto=compress,format"},"programming_language":null,"singleAspectRatioImage":{"childImageSharp":{"fluid":{"aspectRatio":1.7716535433070866,"src":"/static/e28a5dcc16544b8ad178bd4455bb78a0/d47f1/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg","srcSet":"/static/e28a5dcc16544b8ad178bd4455bb78a0/b5b92/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg 200w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/3ff6e/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg 400w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/d47f1/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg 800w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/86173/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg 1200w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/a5547/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg 1600w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/1a713/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.jpg 1800w","srcWebp":"/static/e28a5dcc16544b8ad178bd4455bb78a0/0c129/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp","srcSetWebp":"/static/e28a5dcc16544b8ad178bd4455bb78a0/0e93d/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp 200w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/2259f/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp 400w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/0c129/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp 800w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/45222/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp 1200w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/1f191/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp 1600w,\n/static/e28a5dcc16544b8ad178bd4455bb78a0/3ac4d/08ae4c26-c596-494c-90c4-7f00b79b7577_BRS_Blog_Hero.webp 1800w","sizes":"(max-width: 800px) 100vw, 800px","presentationWidth":800}}},"link":{"uid":"a-digital-take-off-with-bristol-airport"},"related_blogs":[{"blog":{"__typename":"PRISMIC_Blog_article","title":[{"type":"heading1","text":"CX strategy 101: how to get it right","spans":[{"start":0,"end":36,"type":"strong"}]}],"summary_text":[{"type":"paragraph","text":"Many customer experiences are excellent. But as we all know first-hand, many more are bad. Lead Product Strategist, Mo, explains how brands can learn about customers’ sentiments and translate these into experiences that deliver. Could digital-era disruptors differentiate by creating the best CX in their sector?","spans":[]}],"author":{"__typename":"PRISMIC_Person","name":"Mo Morgan","job_title":"Lead Product Strategist"},"thumbnail":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/d560602e-e23b-44af-b382-0772d76e4b04_Handshake.jpg?auto=compress,format"},"article_type":"Opinion","published":"2022-10-20","link":{"uid":"five-steps-to-cx-mastery"},"image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/d560602e-e23b-44af-b382-0772d76e4b04_Handshake.jpg?auto=compress,format"},"_meta":{"uid":"five-steps-to-cx-mastery"}}},{"blog":{"__typename":"PRISMIC_Blog_article","title":[{"type":"heading1","text":"Agency to Client & Back – Lessons from a New Perspective","spans":[],"direction":"ltr"}],"summary_text":[{"type":"paragraph","text":"Account Director Harry has worked agency side, client side, then back to agency for Higher Education clients. Read on to find out what he's learnt from a career spanning the two. ","spans":[]}],"author":{"__typename":"PRISMIC_Person","name":"Harry Birch","job_title":"Senior Account Director"},"thumbnail":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/4b679096-f9f7-41ad-88c6-16365a1f67ab_Harry+Blog.png?auto=compress,format"},"article_type":"Opinion","published":"2022-09-26","link":{"uid":"from-agency-to-client-and-back-again---what-i-learned"},"image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/4b679096-f9f7-41ad-88c6-16365a1f67ab_Harry+Blog.png?auto=compress,format"},"_meta":{"uid":"from-agency-to-client-and-back-again---what-i-learned"}}},{"blog":{"__typename":"PRISMIC_Blog_article","title":[{"type":"heading1","text":"Measuring success: why is it so hard to do well?","spans":[{"start":0,"end":48,"type":"strong"}]}],"summary_text":[{"type":"paragraph","text":"A common question asked by agencies to clients is: what does success look like to you? It can be a harder question to answer that it seems. ","spans":[]}],"author":{"__typename":"PRISMIC_Person","name":"Ben Murphy","job_title":"Client Services Director"},"thumbnail":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/4a03e214-39bc-49d5-adbc-853650a86634_Measuring+Success+option+1.jpg?auto=compress,format"},"article_type":"Opinion","published":"2022-05-30","link":{"uid":"why-measuring-success-is-so-hard-to-do"},"image":{"dimensions":{"width":1808,"height":1016},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/4a03e214-39bc-49d5-adbc-853650a86634_Measuring+Success+option+1.jpg?auto=compress,format"},"_meta":{"uid":"why-measuring-success-is-so-hard-to-do"}}}],"body":[{"__typename":"PRISMIC_Blog_articleBodyText","type":"text","primary":{"text":[{"type":"paragraph","text":"Our journey with Bristol Airport began 12 years ago. Not the type of journey you’d traditionally expect to have at an airport, but instead a journey of a digital kind. We’ve just designed and delivered their new website, 12 years after we got our hands on it for the first time. ","spans":[]},{"type":"paragraph","text":"So here’s the story of Bristol Airport, a Bristol agency and over a decade of digital progress. ","spans":[]},{"type":"heading3","text":"The beginning","spans":[]},{"type":"paragraph","text":"It was lovely to be working with the Bristol Airport team again. Not just because I’m from Bristol and therefore it felt important to me to look after their brand, but because there was a renewed appetite from them to create a beautiful new website. We wanted to capture this enthusiasm and get them involved with the creative process from the start.","spans":[]},{"type":"paragraph","text":"Don’t get me wrong, our work for Bristol Airport was cutting edge in 2012, but since then, things have (forgive me) *taken off* digitally and their existing site needed to transform, work harder and offer a rejuvenated customer experience that represented their status as a major international airport. When I first worked on the site, I was creating carousels for the home page as well as other small improvements to some of the key feature areas. Over the years, we’d continued making other improvements across the website but there were limitations with the way the previous site had been built, and it was hampering how far we could go with the new one. ","spans":[]}]}},{"__typename":"PRISMIC_Blog_articleBodyContent_width_image","type":"content_width_image","primary":{"caption":"The original design","content_width_image":{"dimensions":{"width":1600,"height":900},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old+Site.jpg?auto=compress,format"},"content_width_imageSharp":{"childImageSharp":{"fluid":{"aspectRatio":1.7777777777777777,"src":"/static/1578a1b5fe412df8e8aeec8507423352/e3107/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.jpg","srcSet":"/static/1578a1b5fe412df8e8aeec8507423352/b754d/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.jpg 320w,\n/static/1578a1b5fe412df8e8aeec8507423352/4dbff/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.jpg 640w,\n/static/1578a1b5fe412df8e8aeec8507423352/e3107/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.jpg 1280w,\n/static/1578a1b5fe412df8e8aeec8507423352/a5547/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.jpg 1600w","srcWebp":"/static/1578a1b5fe412df8e8aeec8507423352/80f20/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.webp","srcSetWebp":"/static/1578a1b5fe412df8e8aeec8507423352/c172f/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.webp 320w,\n/static/1578a1b5fe412df8e8aeec8507423352/c03cf/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.webp 640w,\n/static/1578a1b5fe412df8e8aeec8507423352/80f20/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.webp 1280w,\n/static/1578a1b5fe412df8e8aeec8507423352/1f191/03dc0005-6be8-4d8f-a44f-74ee20a183b6_BRS_Blog_Old%2BSite.webp 1600w","sizes":"(max-width: 1280px) 100vw, 1280px","presentationWidth":1280}}}}},{"__typename":"PRISMIC_Blog_articleBodyText","type":"text","primary":{"text":[{"type":"paragraph","text":"Our approach 10 years ago was very different to what it is now – but that’s what ten years of experience and digital progress will do. After dusting off the original designs, which were initially started in Photoshop (!) it was clear to us that it needed a complete overhaul, from the tarmac up.","spans":[]},{"type":"heading3","text":"The brief","spans":[]},{"type":"paragraph","text":"The initial brief was to transform and scale the customer experience of the website, through a redesign of the user interface but also the addition of functionality such as the trip finder tool, destination inspiration, real time information on arrivals and departures, booking widgets, as well as an overhauled parking and hospitality experience. An ever-increasing percentage of passengers now access and book through their mobile phone, so we needed to optimise the site for mobile too. ","spans":[]},{"type":"heading3","text":"The creative solution","spans":[]},{"type":"paragraph","text":"Initially we concentrated on refreshing the look of some key components around the site. These modules allowed us to flex our creativity, developing visual treatments for interactive masthead and other featured components. Bristol Airport were impressed with how we were evolving their brand online which then led them to ask us to take over the whole website.","spans":[]},{"type":"paragraph","text":"The website had to work hard on so many levels. It’s an e-commerce booking portal for their car parking, it hosts the Aspire Lounge, and Fast Track Security amongst a whole other host of features and information. It’s a one-stop information hub for all the airport facilities as well as a reliable source of up to date information on arrivals and departures. It had to be helpful, operate seamlessly, be easy to navigate and also demonstrate the strong association that Bristol Airport has with the South West – something to be proud of. ","spans":[]},{"type":"paragraph","text":"We kicked off with a series of workshops where we collaboratively defined and developed their vision. We looked at their existing website, competitor websites, branding mood boards and interaction design. We took a deep dive into some key templates, allowing them to rethink components and take control of the ideal user experience. Certain things that seemed important back in the day were now seen as superfluous to Bristol Airport and their user’s needs and some components were simply in the wrong order on the page. Together we were able to make these edits using a super low fidelity approach which really worked for our client. The essential insight that we took from these early workshops formed the bedrock of what was to become a whole Bristol Airport 'design system'. A design system forms an essential base for all the elements of a site, and also speeds up the design phase. They produce a more consistent user experience through the development of a common visual language, encompassing things like interface templates and correct typographic scales. Essentially design systems help to bridge the gap between design and development.","spans":[]}]}},{"__typename":"PRISMIC_Blog_articleBodyContent_width_image","type":"content_width_image","primary":{"caption":"The new Bristol Airport website","content_width_image":{"dimensions":{"width":1600,"height":900},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New+Site.jpg?auto=compress,format"},"content_width_imageSharp":{"childImageSharp":{"fluid":{"aspectRatio":1.7777777777777777,"src":"/static/61e53fd32e8d54f3288c051affe289a7/e3107/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.jpg","srcSet":"/static/61e53fd32e8d54f3288c051affe289a7/b754d/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.jpg 320w,\n/static/61e53fd32e8d54f3288c051affe289a7/4dbff/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.jpg 640w,\n/static/61e53fd32e8d54f3288c051affe289a7/e3107/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.jpg 1280w,\n/static/61e53fd32e8d54f3288c051affe289a7/a5547/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.jpg 1600w","srcWebp":"/static/61e53fd32e8d54f3288c051affe289a7/80f20/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.webp","srcSetWebp":"/static/61e53fd32e8d54f3288c051affe289a7/c172f/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.webp 320w,\n/static/61e53fd32e8d54f3288c051affe289a7/c03cf/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.webp 640w,\n/static/61e53fd32e8d54f3288c051affe289a7/80f20/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.webp 1280w,\n/static/61e53fd32e8d54f3288c051affe289a7/1f191/69b4e21a-2368-4ebf-9d2b-5e84e00490ef_BRS_Blog_New%2BSite.webp 1600w","sizes":"(max-width: 1280px) 100vw, 1280px","presentationWidth":1280}}}}},{"__typename":"PRISMIC_Blog_articleBodyText","type":"text","primary":{"text":[{"type":"paragraph","text":"A design system was something Bristol Airport had not previously considered. The original website was designed and built around a few key pages created in Adobe Photoshop. This time we started to get the client to look at their site from an atomic level. The main advantage of working this way is that the components were going to be reusable across the site. ","spans":[]}]}},{"__typename":"PRISMIC_Blog_articleBodyContent_width_image","type":"content_width_image","primary":{"caption":"The Bristol Airport website - optimised for mobile","content_width_image":{"dimensions":{"width":1600,"height":900},"alt":null,"copyright":null,"url":"https://images.prismic.io/greatstate/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.jpg?auto=compress,format"},"content_width_imageSharp":{"childImageSharp":{"fluid":{"aspectRatio":1.7777777777777777,"src":"/static/7904306ee98f9004a1b6a347c84d7c35/e3107/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.jpg","srcSet":"/static/7904306ee98f9004a1b6a347c84d7c35/b754d/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.jpg 320w,\n/static/7904306ee98f9004a1b6a347c84d7c35/4dbff/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.jpg 640w,\n/static/7904306ee98f9004a1b6a347c84d7c35/e3107/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.jpg 1280w,\n/static/7904306ee98f9004a1b6a347c84d7c35/a5547/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.jpg 1600w","srcWebp":"/static/7904306ee98f9004a1b6a347c84d7c35/80f20/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.webp","srcSetWebp":"/static/7904306ee98f9004a1b6a347c84d7c35/c172f/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.webp 320w,\n/static/7904306ee98f9004a1b6a347c84d7c35/c03cf/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.webp 640w,\n/static/7904306ee98f9004a1b6a347c84d7c35/80f20/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.webp 1280w,\n/static/7904306ee98f9004a1b6a347c84d7c35/1f191/3d75096e-677c-4961-b71e-a61e0b2ab6c9_BRS_Blog_Mobile.webp 1600w","sizes":"(max-width: 1280px) 100vw, 1280px","presentationWidth":1280}}}}},{"__typename":"PRISMIC_Blog_articleBodyText","type":"text","primary":{"text":[{"type":"paragraph","text":"The website reflects not only twelve years of digital advancement, but also the strength of a local, strategic partnership that will continue to serve the South West for years to come. And for me as a designer, a very satisfying opportunity to experience a design evolution come back full circle. It’s always a rewarding moment to see a project go live, a cause for celebration, so… where shall we fly to?","spans":[]},{"type":"paragraph","text":"The new Bristol Airport website was built on Umbraco and went live in the middle of November. ","spans":[{"start":45,"end":52,"type":"hyperlink","data":{"link_type":"Web","url":"https://www.greatstate.co/partners/umbraco"}}]},{"type":"heading2","text":"\"It’s been a real collaborative project, working with Great State who have been our digital agency for over 10 years. They have transformed the design and user experience, creating an enjoyable experience for our customers and a robust platform from which we’ll continue to optimise and develop over the coming years.  We’re delighted with the end result.” ","spans":[]},{"type":"paragraph","text":"Isabelle Whiteman - Head of Marketing, Bristol Airport","spans":[]},{"type":"paragraph","text":"You can get to the website from here.","spans":[{"start":27,"end":37,"type":"hyperlink","data":{"link_type":"Web","url":"https://www.bristolairport.co.uk/"}}]}]}}],"_meta":{"uid":"a-digital-take-off-with-bristol-airport"}}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"rootQuery":"\n  query PrismicBlogArticleByDocumentID($uid: String!) {\n    prismic {\n      blog_article(uid: $uid, lang: \"en-gb\") {\n        ...prismicBlogArticleFields\n      }\n    }\n  }\n","id":"Y4TWLxEAACEAx3NM","lang":"en-gb","uid":"a-digital-take-off-with-bristol-airport","alternateLanguages":[]}}