UX Design London | UX Agency London

<!DOCTYPE html> <html lang="en-GB" class="no-js -loading -site-pnp"> <head> <meta charset="UTF-8"> <title>UX Design London | UX Agency London | Plug & Play</title> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <meta name="description" content="UX Design London | Our UX agency London creates beautiful and intuitive user experiences, interfaces and websites. Find out more." /> <link rel="canonical" href="https://www.plugandplaydesign.co.uk/ux-design-london/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="UX Design London | UX Agency London | Plug & Play" /> <meta property="og:description" content="UX Design London | Our UX agency London creates beautiful and intuitive user experiences, interfaces and websites. Find out more." /> <meta property="og:url" content="https://www.plugandplaydesign.co.uk/ux-design-london/" /> <meta property="og:site_name" content="Plug and Play" /> <meta property="article:modified_time" content="2024-09-27T15:34:08+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.plugandplaydesign.co.uk/ux-design-london/","url":"https://www.plugandplaydesign.co.uk/ux-design-london/","name":"UX Design London | UX Agency London | Plug & Play","isPartOf":{"@id":"https://www.plugandplaydesign.co.uk/#website"},"datePublished":"2024-05-24T11:22:34+00:00","dateModified":"2024-09-27T15:34:08+00:00","description":"UX Design London | Our UX agency London creates beautiful and intuitive user experiences, interfaces and websites. Find out more.","breadcrumb":{"@id":"https://www.plugandplaydesign.co.uk/ux-design-london/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.plugandplaydesign.co.uk/ux-design-london/"]}]},{"@type":"BreadcrumbList","@id":"https://www.plugandplaydesign.co.uk/ux-design-london/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.plugandplaydesign.co.uk/"},{"@type":"ListItem","position":2,"name":"UX Design"}]},{"@type":"WebSite","@id":"https://www.plugandplaydesign.co.uk/#website","url":"https://www.plugandplaydesign.co.uk/","name":"Plug and Play","description":"Plug & Play Web Design Agency","publisher":{"@id":"https://www.plugandplaydesign.co.uk/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.plugandplaydesign.co.uk/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https://www.plugandplaydesign.co.uk/#organization","name":"Plug and Play Design","url":"https://www.plugandplaydesign.co.uk/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.plugandplaydesign.co.uk/#/schema/logo/image/","url":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_logo-1.png","contentUrl":"https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_logo-1.png","width":129,"height":27,"caption":"Plug and Play Design"},"image":{"@id":"https://www.plugandplaydesign.co.uk/#/schema/logo/image/"}}]}</script>  <link rel='dns-prefetch' href='//ajax.aspnetcdn.com' /> <link rel='dns-prefetch' href='//www.google.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel='dns-prefetch' href='//code.ionicframework.com' /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='contact-form-7-css' href='https://www.plugandplaydesign.co.uk/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.2' type='text/css' media='all' /> <link rel='stylesheet' id='ionicons-css' href='//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/css/bootstrap.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='global_css-css' href='https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/css/global.min.css?ver=1.40' type='text/css' media='all' /> <link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main.css?ver=4.13.1' type='text/css' media='all' /> <style id='moove_gdpr_frontend-inline-css' type='text/css'> #moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:Nunito,sans-serif}#moove_gdpr_save_popup_settings_button{background-color:#373737;color:#fff}#moove_gdpr_save_popup_settings_button:hover{background-color:#000}#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton,#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton{background-color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green{background-color:#0C4DA2;border-color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder a.mgbutton:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover,.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green:hover{background-color:#fff;color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon{background-color:#0C4DA2;border:1px solid #0C4DA2}#moove_gdpr_cookie_info_bar span.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar span.change-settings-button:focus,#moove_gdpr_cookie_info_bar button.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar button.change-settings-button:focus{-webkit-box-shadow:0 0 1px 3px #0C4DA2;-moz-box-shadow:0 0 1px 3px #0C4DA2;box-shadow:0 0 1px 3px #0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i:hover,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button{color:#0C4DA2}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon{color:inherit}#moove_gdpr_cookie_modal .gdpr-acc-link{line-height:0;font-size:0;color:transparent;position:absolute}#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i,#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.change-settings-button:hover,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:hover,#moove_gdpr_cookie_info_bar span[data-href]>u.change-settings-button,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content span.change-settings-button.focus-g,span.change-settings-button:focus,button.change-settings-button.focus-g,button.change-settings-button:focus,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button.focus-g,#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content u.change-settings-button:focus{color:#0C4DA2}#moove_gdpr_cookie_modal.gdpr_lightbox-hide{display:none} </style> <script src="https://www.google.com/recaptcha/api.js?render=6LcccagUAAAAAEPUl_KN9BtNjlIq3EpwpCxpb1q5" id="google_captcha-js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js" id="modernizer-js"></script> <link rel="https://api.w.org/" href="https://www.plugandplaydesign.co.uk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.plugandplaydesign.co.uk/wp-json/wp/v2/pages/12793" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.plugandplaydesign.co.uk/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://www.plugandplaydesign.co.uk/?p=12793' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.plugandplaydesign.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.plugandplaydesign.co.uk%2Fux-design-london%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.plugandplaydesign.co.uk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.plugandplaydesign.co.uk%2Fux-design-london%2F&format=xml" /> <link rel="icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png"> <link rel="manifest" href="/favicons/site.webmanifest"> <link rel="mask-icon" href="/favicons/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="/favicons/favicon.ico"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-config" content="/favicons/browserconfig.xml"> <meta name="theme-color" content="#202226">    <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "logo": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/plug_and_play.png", "email": "hello@plugandplaydesign.co.uk", "telephone": "01483 276 699", "name": "Plug and Play", "url": "https://www.plugandplaydesign.co.uk" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play Guildford", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/06/PlugandPlay20190809.jpg", "hasmap": "https://www.google.com/maps/dir//2,+Plug+and+Play,+Innovation+House,+6+High+St,+Guildford+GU2+4AJ/@51.2346118,-0.6127773,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4875d1d259b4afe5:0x5347077d78261333!2m2!1d-0.577758!2d51.2345633", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "01483 276 699", "@id": "https://www.plugandplaydesign.co.uk/?location=guildford", "address": [ { "@type": "PostalAddress", "streetAddress": "Innovation House, 2 - 6 High Street", "addressLocality": "Guildford", "addressRegion": "Surrey", "addressCountry": "UK", "postalCode": "GU2 4AJ" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play South Bank", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/Path-6045@2x.jpg", "hasmap": "https://www.google.com/maps/dir//Plug+%26+Play,+Working+From+Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057813,-0.1069312,17z/data=!4m16!1m6!3m5!1s0x0:0xd6a2979afb763860!2sPlug+%26+Play!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x487604b03314a6f3:0xd6a2979afb763860!2m2!1d-0.1047425!2d51.5057813!3e3", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "0203 0111 641", "@id": "https://www.plugandplaydesign.co.uk/?location=south_bank", "address": [ { "@type": "PostalAddress", "streetAddress": "32 Blackfriars Road", "addressLocality": "London South Bank", "addressRegion": "London", "addressCountry": "UK", "postalCode": "SE1 8PB" } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "Plug and Play" }, "name": "Plug and Play Central London", "image": "https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/PlugPlay-00042@2x.jpg", "hasmap": "https://www.google.com/maps/dir//72+Wells+St,+Fitzrovia,+London+W1T+3QF/@51.5170693,-0.1399641,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b2b03a12707:0x3b9947824024460a!2m2!1d-0.1377754!2d51.517066", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "0203 0111 641", "@id": "https://www.plugandplaydesign.co.uk/?location=soho", "address": [ { "@type": "PostalAddress", "streetAddress": "72 Wells Street", "addressLocality": "Fitzrovia", "addressRegion": "London", "addressCountry": "UK", "postalCode": "W1T 3QF" } ] } </script> <script> if ( !window.console) window.console = {log: function() {}}; //IE9 Console var COPYRIGHT_TEXT = "\/\/ COPYRIGHT NOTICE \/\/ <br\/>This website is protected by Copysentry, an anti-plagiarism tool for monitoring website content across the internet, and the DMCA. While we're flattered that you like our content, unfortunately we can't let you use it (it's bad for SEO and stuff). The copyright owner is Plug and Play Design limited, who reserve all rights and title to this content. You're welcome to link to this content, or even use it for inspiration, but just don't copy it; you're better than that. Thanks :-)"; var GOOGLE_RECAPTCHA_KEY = "6LcccagUAAAAAEPUl_KN9BtNjlIq3EpwpCxpb1q5"; </script> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/graphik/Graphik-Regular.woff" as="font" type="font/woff" crossorigin="anonymous"> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/chronicledisplay/ChronicleDisplay-Roman.woff2" as="font" type="font/woff2" crossorigin="anonymous"> <link rel="preload" href="/wp-content/themes/pegasus/dist/fonts/graphik/Graphik-Medium.woff" as="font" type="font/woff" crossorigin="anonymous">  <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script type='text/javascript' id='vwoCode'> window._vwo_code || (function() { var account_id=996783, version=2.1, settings_tolerance=2000, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important;transition:none !important;', /* DO NOT EDIT BELOW THIS LINE */ f=false,w=window,d=document,v=d.querySelector('#vwoCode'),cK='_vwo_'+account_id+'_settings',cc={};try{var c=JSON.parse(localStorage.getItem('_vwo_'+account_id+'_config'));cc=c&&typeof c==='object'?c:{}}catch(e){}var stT=cc.stT==='session'?w.sessionStorage:w.localStorage;code={nonce:v&&v.nonce,use_existing_jquery:function(){return typeof use_existing_jquery!=='undefined'?use_existing_jquery:undefined},library_tolerance:function(){return typeof library_tolerance!=='undefined'?library_tolerance:undefined},settings_tolerance:function(){return cc.sT||settings_tolerance},hide_element_style:function(){return'{'+(cc.hES||hide_element_style)+'}'},hide_element:function(){if(performance.getEntriesByName('first-contentful-paint')[0]){return''}return typeof cc.hE==='string'?cc.hE:hide_element},getVersion:function(){return version},finish:function(e){if(!f){f=true;var t=d.getElementById('_vis_opt_path_hides');if(t)t.parentNode.removeChild(t);if(e)(new Image).src='https://dev.visualwebsiteoptimizer.com/ee.gif?a='+account_id+e}},finished:function(){return f},addScript:function(e){var t=d.createElement('script');t.type='text/javascript';if(e.src){t.src=e.src}else{t.text=e.text}v&&t.setAttribute('nonce',v.nonce);d.getElementsByTagName('head')[0].appendChild(t)},load:function(e,t){var n=this.getSettings(),i=d.createElement('script'),r=this;t=t||{};if(n){i.textContent=n;d.getElementsByTagName('head')[0].appendChild(i);if(!w.VWO||VWO.caE){stT.removeItem(cK);r.load(e)}}else{var o=new XMLHttpRequest;o.open('GET',e,true);o.withCredentials=!t.dSC;o.responseType=t.responseType||'text';o.onload=function(){if(t.onloadCb){return t.onloadCb(o,e)}if(o.status===200||o.status===304){_vwo_code.addScript({text:o.responseText})}else{_vwo_code.finish('&e=loading_failure:'+e)}};o.onerror=function(){if(t.onerrorCb){return t.onerrorCb(e)}_vwo_code.finish('&e=loading_failure:'+e)};o.send()}},getSettings:function(){try{var e=stT.getItem(cK);if(!e){return}e=JSON.parse(e);if(Date.now()>e.e){stT.removeItem(cK);return}return e.s}catch(e){return}},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;var e=this.settings_tolerance();w._vwo_settings_timer=setTimeout(function(){_vwo_code.finish();stT.removeItem(cK)},e);var t;if(this.hide_element()!=='body'){t=d.createElement('style');var n=this.hide_element(),i=n?n+this.hide_element_style():'',r=d.getElementsByTagName('head')[0];t.setAttribute('id','_vis_opt_path_hides');v&&t.setAttribute('nonce',v.nonce);t.setAttribute('type','text/css');if(t.styleSheet)t.styleSheet.cssText=i;else t.appendChild(d.createTextNode(i));r.appendChild(t)}else{t=d.getElementsByTagName('head')[0];var i=d.createElement('div');i.style.cssText='z-index: 2147483647 !important;position: fixed !important;left: 0 !important;top: 0 !important;width: 100% !important;height: 100% !important;background: white !important;display: block !important;';i.setAttribute('id','_vis_opt_path_hides');i.classList.add('_vis_hide_layer');t.parentNode.insertBefore(i,t.nextSibling)}var o=window._vis_opt_url||d.URL,s='https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(o)+'&vn='+version;if(w.location.search.indexOf('_vwo_xhr')!==-1){this.addScript({src:s})}else{this.load(s+'&x=true')}}};w._vwo_code=code;code.init();})(); </script>  <script defer data-domain="plugandplaydesign.co.uk" src="https://plausible.io/js/plausible.js"></script>  <script data-rocketlazyloadscript='data:text/javascript;base64,KGZ1bmN0aW9uKHcsZCxzLGwsaSl7d1tsXT13W2xdfHxbXTt3W2xdLnB1c2goeydndG0uc3RhcnQnOg0KbmV3IERhdGUoKS5nZXRUaW1lKCksZXZlbnQ6J2d0bS5qcyd9KTt2YXIgZj1kLmdldEVsZW1lbnRzQnlUYWdOYW1lKHMpWzBdLA0Kaj1kLmNyZWF0ZUVsZW1lbnQocyksZGw9bCE9J2RhdGFMYXllcic/JyZsPScrbDonJztqLmFzeW5jPXRydWU7ai5zcmM9DQonaHR0cHM6Ly93d3cuZ29vZ2xldGFnbWFuYWdlci5jb20vZ3RtLmpzP2lkPScraStkbDtmLnBhcmVudE5vZGUuaW5zZXJ0QmVmb3JlKGosZik7DQp9KSh3aW5kb3csZG9jdW1lbnQsJ3NjcmlwdCcsJ2RhdGFMYXllcicsJ0dUTS1XNUNGUUwnKTs=' ></script>  <script data-rocketlazyloadscript='data:text/javascript;base64,CiAgICAgICAgICAgIGZ1bmN0aW9uIHJlbmRlclJlQ2FwdGNoYSgpIHsKICAgICAgICAgICAgICAgIGZvciAodmFyIGkgPSAwOyBpIDwgZG9jdW1lbnQuZm9ybXMubGVuZ3RoOyArK2kpIHsKICAgICAgICAgICAgICAgICAgICB2YXIgZm9ybSA9IGRvY3VtZW50LmZvcm1zW2ldOwogICAgICAgICAgICAgICAgICAgIHZhciBob2xkZXIgPSBmb3JtLnF1ZXJ5U2VsZWN0b3IoJy5pbnZpc2libGUtcmVjYXB0Y2hhJyk7CiAgICAgICAgICAgICAgICAgICAgaWYgKG51bGwgPT09IGhvbGRlcikgY29udGludWU7CiAgICAgICAgICAgICAgICAgICAgKGZ1bmN0aW9uKGZybSl7CiAgICAgICAgICAgICAgICAgICAgICAgIHZhciBob2xkZXJJZCA9IGdyZWNhcHRjaGEucmVuZGVyKGhvbGRlciwgewogICAgICAgICAgICAgICAgICAgICAgICAgICAgJ3NpdGVrZXknOiAnNkxjY2NhZ1VBQUFBQUVQVWxfS045QnROamxJcTNFcHdwQ3hwYjFxNScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnYmFkZ2UnOiAnaW5saW5lJywKICAgICAgICAgICAgICAgICAgICAgICAgICAgICdzaXplJzogJ2ludmlzaWJsZScsCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAnY2FsbGJhY2snOiBmdW5jdGlvbiAocmVjYXB0Y2hhVG9rZW4pIHtIVE1MRm9ybUVsZW1lbnQucHJvdG90eXBlLnN1Ym1pdC5jYWxsKGZybSk7fSwKICAgICAgICAgICAgICAgICAgICAgICAgICAgICdleHBpcmVkLWNhbGxiYWNrJzogZnVuY3Rpb24oKXtncmVjYXB0Y2hhLnJlc2V0KGhvbGRlcklkKTt9CiAgICAgICAgICAgICAgICAgICAgICAgIH0pOwogICAgICAgICAgICAgICAgICAgICAgICAvL2ZybS5vbnN1Ym1pdCA9IGZ1bmN0aW9uIChldnQpe2V2dC5wcmV2ZW50RGVmYXVsdCgpO2dyZWNhcHRjaGEuZXhlY3V0ZShob2xkZXJJZCk7fTsKICAgICAgICAgICAgICAgICAgICB9KShmb3JtKTsKICAgICAgICAgICAgICAgIH0KICAgICAgICAgICAgfQogICAgICAgIA==' type='text/javascript'></script> </head> <body class="page-template-default page page-id-12793 ux-design"> <div class="full-vh" id="full-vh"></div> <div class="footer-foot -left -has-content"> <div class="scroll-text"> <div class="text"> <h1>UX Design London</h1> <p>Plug & Play is a UX design agency, or a user experience design agency in London and Surrey. Our head office is located in Guildford but the majority of our clients are located in Surrey, London and the rest of the UK. We do have a number of international clients that we collaborate with to deliver UX and UI design.</p> <h2>UX agency London</h2> <p>Our London office is located in Blackfriars, near Southbank. We collaborate with our clients to reimagine their user interfaces including <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/">websites</a>, <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/">mobile apps</a>, <a href="https://www.plugandplaydesign.co.uk/web-app-development/">web apps</a> and other software. We also deliver UX design as part of large <a href="https://www.plugandplaydesign.co.uk/digital-transformation-consultants/">digital transformation</a> projects for clients such as <a href="https://www.plugandplaydesign.co.uk/headless-shopify-agency/">Cole & Son</a>, <a href="https://www.plugandplaydesign.co.uk/rsl-awards/">RSL Awards</a>, <a href="https://www.plugandplaydesign.co.uk/powerleague/">Powerleague</a> and <a href="https://www.plugandplaydesign.co.uk/brand-implementation-recruitment-agencies/">Give a Grad A Go</a> where they are looking to undertake large technology change which requires an overhaul of their user experience and interface designs.</p> <h2>What is user experience design?</h2> <p>User experience design (UX design) seeks to improve the performance of user interfaces by using data and insights to reimagine the user journeys and page structures. For example, <a href="https://www.plugandplaydesign.co.uk/powerleague/">Powerleague</a> needed to improve their booking system to reduce friction and increase their revenue. UX designers tend to be strategic and data-focused. It’s not so much about how the interface looks as how it performs and how easy and intuitive it is for users to complete a task.</p> <h2>What is user interface design?</h2> <p>User interface design (UI design) is more focused on the final design of an interface and how it looks. UI designers create beautiful design systems that are a bit like brand guidelines but for interfaces. The outcome of a UI project is a library of styled components that can be used by developers and marketers to continue to grow the <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/">website</a>, <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/">mobile app</a>, <a href="https://www.plugandplaydesign.co.uk/web-app-development/">web app</a> or interface.</p> <p>UI design tends to be more strategic and systematic than a normal website or graphic design process, and they mostly work with Product Managers rather than Marketing Managers and Directors.</p> <p> </p> <h3>What does your UX agency London design?</h3> <p>We design all types of interfaces but specialise in redesigning existing interfaces. Most of our clients have SaaS products or internal products that we work on, however we also deliver UX/UI design for <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/">large websites</a> and <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/">mobile apps</a>.</p> <p>Our services include:</p> <ul> <li>Research and discovery</li> <li>Prototyping</li> <li>UX & UI design</li> <li>Proof of concept proptotypes</li> <li>User testing</li> </ul> <p> </p> <h3>How does UX design compare to web design?</h3> <p>Although there is a lot of overlap between web design and UX design, typically website design focuses more on the aesthetic of a website than on the performance. Website designers consider SEO, branding, copywriting and the visual look and feel, whereas UX designers consider the way that a user will interact with digital interface. An example we use to describe this is cars. You can immediately tell when you’re in an expensive car but the way the car looks is only one part of what makes it feel expensive. The rest comes from the broader experience – the door is heavy to open, features of the car automatically open as you enter the car, and so on.</p> <p> </p> <h3>Why UX design matters?</h3> <p>UX design is important to businesses that are looking to improve their customer satisfaction, increase efficiencies and drive engagement. Market leading products tend to be the ones that are easiest to use and have typically invested heavily in UX design.</p> <p> </p> <h3>Why tools are used to deliver UX and UI design?</h3> <p>Our UX agency London uses Figma and Adobe XD to deliver our designs. We may compliment this with an interactive brief to fully showcase the animated elements of the designs.</p> <p> </p> <h3>Do I need UX design or UI design?</h3> <p>Most businesses will undertake both UX and UI design as part of a single project.</p> <p> </p> <p> </p> <p> </p> </div> </div> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5CFQL" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="container-fluid" id="wrapper"> <main id="content"> <div id="page-12793" class="post-12793 page type-page status-publish hentry ux-design singular-post">  <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-banner pnp-bg -large full-height text-light -has-button" style="" data-scrollax-parent="true"> <div id="banner-overlay" class="overlay -absolute bg-colour-dark-grey"></div> <div class="inner badge-layout " data-scrollax="properties: { 'opacity': 2.5}"> <div> <h2 class="sub-heading">UX & UI Design </h2> <h2 class="heading heading1">Beautiful user experiences & interfaces that drive business results </h2> <a href="https://www.plugandplaydesign.co.uk/contact/" class="btn -dark"> <span>Start your project</span> </a> </div> <div> <img class="image -badge" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/05/top_clutch.co_user_experience_company_united_kingdom_2024.png" alt=""> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg bg-colour-base-grey" style=" "> <div class=" container -large "> <div class="row -shift-up fifty-fifty-layout"> <div class="col-xs-12 col-left-side col-sm-6">  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/carma/" class="inner" data-scrollax-parent="true"> <div class="video-container "> <div class="video-wrapper " data-scrollax="properties: { 'translateY': '5%' }"> <video class="video has-background-video" autoplay="true" muted="muted" playsinline loop poster="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/09/carma-thumbnail.jpg"><source data-src="https://player.vimeo.com/progressive_redirect/playback/1005800689/rendition/1080p/file.mp4?loc=external&log_user=0&signature=1ca379b9bb3878ddc3f092c6d3ae250206479eaa81820203df8ae712364d8c72" type="video/mp4"></video> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Carma</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>A new user interface for a brand monitoring tool</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">UX & UI Design</div> <div class="tag">Digital Product</div> </div> </div> </a> </div> </div>  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/brand-implementation-recruitment-agencies/" class="inner" data-scrollax-parent="true"> <div class="video-container video-on-hover"> <div class="video-wrapper play-on-hover"> <video class="video has-background-video" autoplay="true" muted="muted" playsinline poster="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/GAGAG-webby-HP-thumbnail-1.jpg"><source data-src="https://player.vimeo.com/progressive_redirect/playback/877928905/rendition/source/file.mp4?loc=external&log_user=0&signature=8b2e99efc7ef209a517fe7aa424f9d4aa61ce2ef38b4db5d3a44f19febe4b2f4" type="video/mp4"></video> </div> <div class="video-wrapper fallback-image fade-on-hover"> <div data-scrollax="properties: { 'translateY': '15%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202160%202160'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/GAGAG-webby-HP-thumbnail-1.jpg" alt="" height="2160" width="2160" data-pnp-animate='fadeInSlow'/> </div> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Give A Grad A Go</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Opening up a new service offering for the UK's top graduate recruitment agency</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">UI & UX Design</div> <div class="tag">Brand</div> <div class="tag">Multi-territory</div> <div class="tag">WordPress</div> <div class="tag">SEO</div> <div class="tag">Custom Software</div> </div> </div> </a> </div> </div>  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/falcon-x/" class="inner" data-scrollax-parent="true"> <div class="video-container "> <div class="video-wrapper " data-scrollax="properties: { 'translateY': '5%' }"> <video class="video has-background-video" autoplay="true" muted="muted" playsinline loop poster="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/10/Falcon-x-thumbnail-1-1.png"><source data-src="https://player.vimeo.com/progressive_redirect/playback/933188470/rendition/720p/file.mp4?loc=external&log_user=0&signature=7d48614b76d27b52e1590563f47c23cb5f3cee8a0addb7a4b0612e60da156611" type="video/mp4"></video> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Falcon X</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>UI design for a new cryptocurrency platform</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">UI & UX Design</div> <div class="tag">Fintech</div> <div class="tag">Crypto</div> <div class="tag">Web App</div> </div> </div> </a> </div> </div> </div> <div class="col-xs-12 col-right-side col-sm-6">  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/powerleague/" class="inner" data-scrollax-parent="true"> <div class="video-container video-on-hover"> <div class="video-wrapper play-on-hover"> <video class="video has-background-video" autoplay="true" muted="muted" playsinline poster="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/Mobile-1.jpg"><source data-src="https://player.vimeo.com/progressive_redirect/playback/933178707/rendition/720p/file.mp4?loc=external&log_user=0&signature=c581b3c0917cf904c87e8b9ff4a91aa6c8ae829fcc98b07d2f78d297d08ca435" type="video/mp4"></video> </div> <div class="video-wrapper fallback-image fade-on-hover"> <div data-scrollax="properties: { 'translateY': '5%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201988%202160'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/10/Mobile-1.jpg" alt="" height="2160" width="1988" data-pnp-animate='fadeInSlow'/> </div> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Powerleague</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>A mobile app and booking website for the UK's largest pitch booking company.</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">UI & UX Design</div> <div class="tag">Mobile App</div> <div class="tag">Website</div> </div> </div> </a> </div> </div>  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/mobile-app-design-agency/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '5%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20854%20973'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/10/Test-property-hub.png" alt="" height="973" width="854" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Property Hub</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Launching a challenger investment app into the market</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">UX Design</div> <div class="tag">Mobile App</div> </div> </div> </a> </div> </div>  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/wwf-demos/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '11%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202560%202560'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/01/WWFDemos-Cover-1.jpg" alt="" height="2560" width="2560" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>WWF & Demos</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Measuring the UK's appetite for environmental change with a national carbon policy survey</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">UX & UI Design</div> </div> </div> </a> </div> </div> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12">  <section class="component row component component-image-grid " style="padding:5% 0;"> <div class="image_grid_logos images -images-col-5"> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2059.115%2088.328'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/wwf-logo.svg" alt="" height="88.328" width="59.115" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2059.8%2043.5'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/LegalGeneral-Logo-WO.svg" alt="" height="43.5" width="59.8" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20188.449%2025.993'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Mercer.svg" alt="" height="25.993" width="188.449" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20144.268%2041.684'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/tesco-logo.svg" alt="" height="41.684" width="144.268" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2084.033%2077.793'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Shell.svg" alt="" height="77.793" width="84.033" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20139.84%2028.669'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Capita.svg" alt="" height="28.669" width="139.84" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140.141%2035.673'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Aim.svg" alt="" height="35.673" width="140.141" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220.236%2022.329'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Grand-Prix.svg" alt="" height="22.329" width="220.236" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20168.012%2060.759'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/thakeham.svg" alt="" height="60.759" width="168.012" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20125.063%2025.728'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2022/12/Essilor.svg" alt="" height="25.728" width="125.063" /> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-text " style=" padding-top: 5%;padding-bottom: 15%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p><img decoding="async" class="wp-image-12884 aligncenter" role="img" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/06/Google-Rating-1-1.svg" alt="" width="231" height="69" /></p> <h2 class="heading2" style="text-align: center;">Our UX agency team collaborates with established businesses to improve the performance of their products, websites and apps.</h2> </div> <div class="button-container -centre"> <a href="https://www.plugandplaydesign.co.uk/contact/" class="btn -dark"> <span>Talk to us</span> </a> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " data-pnp-equate-height=".equalise" data-resize-mobile="false" style=" "> <div class=" container -large "> <div class="row fifty-fifty-layout" data-pnp-equate-height=".equalise"> <div class="col-xs-12 col-left-side col-sm-6 equalise"> <section class="component component-image -display-type-standard " style=" padding-top: 5%;padding-bottom: 15%;" data-scrollax-parent="true" > <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202058%202000'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/09/Frame-427319940-1.jpg" alt="" height="2000" width="2058" /> </section> </div> <div class="col-xs-12 col-right-side col-sm-6 equalise"> <section class="component component-text " style=""> <div class="inner"> <h2 class="heading heading2" style="margin-bottom:40px;" data-pnp-animate="fadeInAuto" data-pnp-animation-delay=".2s"> More than a pretty interface </h2> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>Our clients are looking for engaging and scalable UX design solutions that will drive business outcomes including sales, customer satisfaction, ease of use and user engagement. Our UX designers combine cross-sector insights and data with deep UX & UI knowledge to deliver meaningful change.</p> </div> <div class="button-container -left"> <a href="https://www.plugandplaydesign.co.uk/contact/" class="btn -dark"> <span>Get in touch</span> </a> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container -large "> <div class="row -padding-none fourty-sixty-layout"> <div class="col-xs-12 col-sm-4 "> <section class="component component-text -title text-light" style=" padding-top: 20%;"> <div class="inner"> <h2 class="heading1" data-pnp-animate="fadeInLeft"> Award winning </h2> <p class="heading1 sub-heading1" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".15s"> design </p> </div> </section> </div> <div class="col-xs-12 col-sm-8 "> <section class="component component-text awards-list" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <hr style="opacity: 0.2; margin: 0;" /> <div class="awards-list-award"> <h3 class="heading heading3"><span style="color: #ffffff;">Top User Experience Agency UK 2024</span></h3> <p><span class="award-presenter" style="color: #ffffff;"><strong>Clutch</strong></span></p> </div> <hr style="opacity: 0.2; margin: 0;" /> <div class="awards-list-award"> <h3 class="heading heading3"><span style="color: #ffffff;">People’s Choice Award</span></h3> <p><span class="award-presenter" style="color: #ffffff;"><strong>Webby Awards</strong></span></p> </div> <hr style="opacity: 0.2; margin: 0;" /> <div class="awards-list-award"> <h3 class="heading heading3"><span style="color: #ffffff;">Mobile Excellence Award</span></h3> <p><span class="award-presenter" style="color: #ffffff;"><strong>Awwwards</strong></span></p> </div> <hr style="opacity: 0.2; margin: 0;" /> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12">  <section class="component row component component-image-grid " style="padding-top: 0px !important; padding-bottom: 40px !important;"> <div class="image_grid_logos images -images-col-5"> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2046'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/06/Webby-Awards-logo-SVG-1.svg" alt="" height="46" width="80" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20163.16%2046.277'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2021/05/the-drum-awards.svg" alt="Drum design award logo for web design london" height="46.277" width="163.16" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20141%2022.3'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/09/awwwards-logo2-01.svg" alt="" height="22.3" width="141" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20777%20478'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/02/Ecommerce-Award-Logo-from-Plug-Play-BW.png" alt="" height="478" width="777" /> </div> <div class="image-container scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20141%2022.3'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2021/04/clutch-logo2-01.svg" alt="" height="22.3" width="141" /> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" background-color: #ffffff;"> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-text " style=" padding-top: 20%;padding-bottom: 0%;"> <div class="inner"> <h2 class="heading heading2" style="margin-bottom:40px;" data-pnp-animate="fadeInAuto" data-pnp-animation-delay=".2s"> Enabling teams with flexible design systems </h2> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>Our UI designers create beautiful design systems that can be used by internal teams to continually innovate and scale their products and interfaces. Internal developers use our UI designs to deliver new screens and functionality that fit seamlessly within the existing interface, and sales and marketing teams are enabled to showcase their products and drive sales.</p> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" background-color: #ffffff;"> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-image -collage -image_inset " style=""> <div class="image-container"> <img class="image scroll-reveal-collage image_0" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202560%201360'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/05/Awwwards-Banner-2560w.jpg" alt="" height="1360" width="2560" /> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " data-pnp-equate-height=".equalise" data-resize-mobile="false" style=" background-color: #ffffff;"> <div class=" container -large "> <div class="row fifty-fifty-layout" data-pnp-equate-height=".equalise"> <div class="col-xs-12 col-left-side col-sm-6 equalise"> <section class="component component-image -display-type-standard " style=" padding-top: 20%;padding-bottom: 20%;" data-scrollax-parent="true" > <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201370%20998'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/05/Screenshot-2024-05-21-at-10.22.45.png" alt="" height="998" width="1370" /> </section> </div> <div class="col-xs-12 col-right-side col-sm-6 equalise"> <section class="component component-text " style=""> <div class="inner"> <h2 class="heading heading2" style="margin-bottom:40px;" data-pnp-animate="fadeInAuto" data-pnp-animation-delay=".2s"> Collaborative design process </h2> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>We follow a <em>show early and often</em> design approach to engage project stakeholders and gather regular feedback. This collaborative design process enables us to achieve the best design outcomes by combining our UX & UI expertise with your deep business knowledge.</p> <p>Our process starts with UX wireframing where we establish the interface structure and map the user journeys. This is followed by a UI design phase where we create clickable design prototypes that incorporate your company branding and showcase interactive interface elements.</p> </div> <div class="button-container -left"> <a href="https://www.plugandplaydesign.co.uk/contact/" class="btn -dark"> <span>Get started</span> </a> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <div class="bg-grey negative-margin"> <section class="component component-slider -images -dots-bottom -dots-dark" style="" > <div class="slider-container main-carousel -flickity" data-resize-mobile="true"> <div class="slide carousel-cell"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%201126'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/PlugandPlay2019-London1970.jpg" alt="Account manager project meeting" height="1126" width="800" /> </div> <div class="slide carousel-cell"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/Mask-Group-349.jpg" alt="designing and devloping a new website project" height="600" width="800" /> </div> <div class="slide carousel-cell"> <img class="image" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/05/PlugandPlay2019-London2453.jpg" alt="view of the Vungle frontpage"> </div>  <div class="slide carousel-cell -fake"></div> </div> </section> </div> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -narrow "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-text " style=" padding-top: 20%;padding-bottom: 20%;"> <div class="inner"> <h2 class="heading heading2" style="margin-bottom:40px;" data-pnp-animate="fadeInAuto" data-pnp-animation-delay=".2s"> Beyond the design </h2> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>Many of our clients utilise our experienced development team to accelerate the launch of their new UX & UI designs. We collaborate with internal IT and development stakeholders to deliver performant code that faithfully represents the new design system.</p> </div> <div class="button-container -left"> <a href="https://www.plugandplaydesign.co.uk/contact/" class="btn -dark"> <span>Get in touch</span> </a> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-text -testimonial2 bg-colour-dark-grey text-light" style=" padding-top: 10%;padding-bottom: 10%;"> <div class="inner"> <div class="image-container"> <div class="author-image" data-pnp-animate="fadeIn"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20791%20791'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/10/Falcon-x-logo.jpeg" alt="" height="791" width="791" /> </div> </div> <blockquote class="quote-container"> <div class="heading2 content" data-pnp-animate="fadeIn"> <p>“We are pleased with the deliverables from the team. The work involved many complicated flows and data visualizations and the team was able to turn mock ups into functional designs.”</p> </div> <div class="author content"> <div class="author-image" data-pnp-animate="fadeIn"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20791%20791'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2023/10/Falcon-x-logo.jpeg" alt="" height="791" width="791" /> </div> <div class="author-name" data-pnp-animate="fadeIn"> <p>Vivek Chauhan, Product Manager</p> </div> </div> </blockquote> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <section class="component component-text -large" style=" padding-top: 7%;padding-bottom: 5%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading1">Related services</h2> </div> </div> </div> </section> </div> </div> </div> </div>  <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row fifty-fifty-layout"> <div class="col-xs-12 col-left-side col-sm-6">  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '10%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202058%202000'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/09/Frame-427319941-2-1.jpg" alt="" height="2000" width="2058" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Mobile Apps</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Find out more</p> </div> </div> </a> </div> </div> </div> <div class="col-xs-12 col-right-side col-sm-6">  <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://www.plugandplaydesign.co.uk/web-app-development/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '11%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202058%202000'%3E%3C/svg%3E" data-src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2024/09/Frame-427319940-3-1.jpg" alt="" height="2000" width="2058" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Web Apps</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Find out more</p> </div> </div> </a> </div> </div> </div> </div> </div> </div> </div> <footer class="site-footer -multi-columned"> <div class="footer-cta"> <div class="cta"> <div class="content" data-pnp-animate-inner="fadeInLeft"> <p class="heading heading1">Your Project?<br /> <span class="lighter">Let’s talk.</span></p> </div> <div class="component-form"> <div class="form-container" id="footer-form"> <form class="contact-form autofill-meta" data-form-type="contact" data-nonce="233cc72c75" method="post"> <div class="form-group"> <input type="text" class="form-control" name="full_name" data-validation="required" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" data-validation="required,email" placeholder="Email*"> </div> <div class="form-group"> <input type="text" class="form-control" name="telephone" data-validation="required" placeholder="Number*"> </div> <div class="form-group"> <input type="text" class="form-control -file-upload" name="file_upload" placeholder="Upload File" readonly="readonly"> <i class="ion-android-attach attachment"></i> <i class="ion-android-close remove-file"></i> <div class="file-progress-bar"></div> </div> <div class="form-group textarea-container"> <textarea class="form-control autogrow -autogrowme" name="message" placeholder="Message"></textarea> </div> <div class="form-group"> <div class="checkbox-container"> <input type="checkbox" id="gdpr_354201" class="accept_gdpr" value="1"> <label for="gdpr_354201"> I understand that Plug & Play will securely hold my data in accordance with their <a href="https://www.plugandplaydesign.co.uk/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>. </label> </div> </div> <div class="form-error-message"><p></p></div> <div class="form-group button-container"> <button type="submit" class="btn -dark -arrow gtm-submit-contact-form"><i class="ion-load-c"></i><span class="gtm-submit-contact-form">Submit</span><i class="gtm-submit-contact-form ion-android-arrow-forward"></i></button> </div> <input type="hidden" class="url" name="url"/> <input type="hidden" class="enquiry_id" name="enquiry_id"/> <input type="hidden" class="type" name="type"/> <input type="hidden" name="_wpnonce" value="233cc72c75"/> <input type="hidden" name="file_url"/> <input type="text" name="finaliseForm" class="finaliseForm" value="" style="display: none;" tabindex=”-1″ autocomplete="false;"/> <input type="hidden" class="ppc utm_source" name="utm_source"> <input type="hidden" class="ppc utm_medium" name="utm_medium"> <input type="hidden" class="ppc keyword" name="keyword"> <input type="hidden" class="ppc device" name="device"> <input type="hidden" class="ppc gclid" name="gclid"> <input type="hidden" class="referrer" name="referrer"> </form> </div> </div> <a class="btn -dark -footer -show-contact-form" href="/contact/" data-pnp-animate="fadeInLeft" data-pnp-animation-delay=".3s"> <span>Get in touch</span> </a> </div> </div> <div class="footer-nav"> <div class="footer-col -info-and-links" data-pnp-animate="footerFade" data-pnp-animation-offset="30%"> <div class="footer-col -lg"> <div class="page-links"> <div class="col-top"> <ul> <li><a href="https://www.plugandplaydesign.co.uk/careers/">Careers </a></li> <li><a href="https://www.plugandplaydesign.co.uk/engage/">Engage </a></li> <li><a href="https://ux-design.agency" target="_blank" rel="noopener">UX Design Agency </a></li> <li><a href="https://instinctive.agency" target="_blank" rel="noopener">App Developers London </a></li> <li class="not-on-home"><a href="https://www.plugandplaydesign.co.uk/">Web design London</a></li> <li><a href="https://www.plugandplaydesign.co.uk/contact/">Contact</a></li> <li class="dropdown-item"><a class="dropdown-toggle" href="#" data-pnp-slide-toggle="#footer-legals">Legals</a></li> </ul> </div> <div class="col-bottom" id="footer-legals"> <ul> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/terms-and-conditions/">Terms and Conditions </a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/privacy-policy/">Privacy Policy</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/legals/">Legals </a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/data-processing-terms-and-conditions/">Data Processing Terms & Conditions</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/cookies-policy/">Cookies Policy</a></li> <li><a class="lighter" href="https://www.plugandplaydesign.co.uk/candidate-privacy-policy/">Candidate Privacy Policy </a></li> </ul> </div> </div> <div class="social-links"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.linkedin.com/company/plug-and-play-design-ltd" target="_blank"> LinkedIn </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.instagram.com/plugandplaydesign/" target="_blank"> Instagram </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://dribbble.com/PlugandPlayDesign" target="_blank"> Dribbble </a> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>Guildford</strong><br/> Innovation House<br/> 2 - 6 High Street<br/> Guildford<br/> GU2 4AJ<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//2,+Plug+and+Play,+Innovation+House,+6+High+St,+Guildford+GU2+4AJ/@51.2346118,-0.6127773,13z/data=!4m8!4m7!1m0!1m5!1m1!1s0x4875d1d259b4afe5:0x5347077d78261333!2m2!1d-0.577758!2d51.2345633" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:441483276699">01483 276 699</a><a href="/cdn-cgi/l/email-protection#8aedffe3e6eeece5f8eecafae6ffedebe4eefae6ebf3eeeff9e3ede4a4e9e5a4ffe1"><span class="__cf_email__" data-cfemail="2d4a584441494b425f496d5d41584a4c43495d414c5449485e444a43034e42035846">[email protected]</span></a></div> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>London South Bank</strong><br/> Working From Southwark<br/> 32 Blackfriars Road<br/> London<br/> SE1 8PB<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//Plug+%26+Play,+Working+From+Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057813,-0.1069312,17z/data=!4m16!1m6!3m5!1s0x0:0xd6a2979afb763860!2sPlug+%26+Play!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x487604b03314a6f3:0xd6a2979afb763860!2m2!1d-0.1047425!2d51.5057813!3e3" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:442030111641">020 3011 1641</a><a href="/cdn-cgi/l/email-protection#3c5053525853527c4c50495b5d52584c505d4558594f555b52125f53124957"><span class="__cf_email__" data-cfemail="9df1f2f3f9f2f3ddedf1e8fafcf3f9edf1fce4f9f8eef4faf3b3fef2b3e8f6">[email protected]</span></a></div> </div> </div> <div class="footer-col accordion-container"> <div class="location"> <div class="col-top"><strong>Central London</strong><br/> Fitzrovia<br/> 72 Wells Street<br/> London<br/> W1T 3QF<br/> <a class="lighter" target="_blank" href="https://www.google.com/maps/dir//72+Wells+St,+Fitzrovia,+London+W1T+3QF/@51.5170693,-0.1399641,17z/data=!4m8!4m7!1m0!1m5!1m1!1s0x48761b2b03a12707:0x3b9947824024460a!2m2!1d-0.1377754!2d51.517066" rel="noopener noreferrer">Get directions</a></div> <div class="col-bottom -phone">T: <a class="gap-above" href="tel:02030111641">020 3011 1641</a><a href="/cdn-cgi/l/email-protection#a1d2cec9cee1d1cdd4c6c0cfc5d1cdc0d8c5c4d2c8c6cf8fc2ce8fd4ca"><span class="__cf_email__" data-cfemail="e794888f88a7978b9280868983978b869e8382948e8089c98488c9928c">[email protected]</span></a></div> </div> </div> </div> </div> <div class="footer-foot -right"> <div class="flex-container"> <div class="footer-foot-logos"> <iframe src="https://registry.blockmarktech.com/certificates/ce75a810-fe39-4446-925e-c7ffba33911e/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border: none; height:100px; width:100px;"></iframe> <iframe src="https://registry.blockmarktech.com/certificates/a27d05ba-f1e3-43f2-af85-20f59965a32b/widget/?tooltip_position=bottom_right&theme=dark&hover=t" style="border: none; height:100px; width:100px;"></iframe> </div> <div class="social-links" data-pnp-animate="footerFade" data-pnp-animation-offset="0"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.linkedin.com/company/plug-and-play-design-ltd" target="_blank"> LinkedIn </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.instagram.com/plugandplaydesign/" target="_blank"> Instagram </a> <a class="social-link" rel="nofollow noopener noreferrer" href="https://dribbble.com/PlugandPlayDesign" target="_blank"> Dribbble </a> </div> <div class="copyright" data-pnp-animate="footerFade" data-pnp-animation-offset="0"> <p>© Plug and Play Design Ltd</p> </div> </div> </div> </footer><a class="btn -dark -start-project" data-pnp-modal href="/contact/"><span>Start your project</span><i class="ion-ios-arrow-thin-right"></i></a> <nav class="nav-menu" id="nav-menu" style="opacity: 0;visibility: hidden;"> <div class="nav-left-bg"></div>  <div class="nav-left"> <div class="form-container"> <div class="back-btn" id="nav-form-back"> <i class="ion-ios-arrow-thin-left"></i> </div> <form class="contact-form autofill-meta" data-form-type="contact" data-nonce="233cc72c75" method="post"> <div class="form-group"> <input type="text" class="form-control" name="full_name" data-validation="required" placeholder="Name*"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" data-validation="required,email" placeholder="Email*"> </div> <div class="form-group"> <input type="text" class="form-control" name="telephone" data-validation="required" placeholder="Number*"> </div> <div class="form-group"> <input type="text" class="form-control -file-upload" name="file_upload" placeholder="Upload File" readonly="readonly"> <i class="ion-android-attach attachment"></i> <i class="ion-android-close remove-file"></i> <div class="file-progress-bar"></div> </div> <div class="form-group textarea-container"> <textarea class="form-control autogrow -autogrowme" name="message" placeholder="Message"></textarea> </div> <div class="form-group"> <div class="checkbox-container"> <input type="checkbox" id="gdpr_484890" class="accept_gdpr" value="1"> <label for="gdpr_484890"> I understand that Plug & Play will securely hold my data in accordance with their <a href="https://www.plugandplaydesign.co.uk/privacy-policy/" target="_blank" rel="noopener">Privacy Policy</a>. </label> </div> </div> <div class="form-error-message"><p></p></div> <div class="form-group button-container"> <button type="submit" class="btn -dark -arrow gtm-submit-contact-form"><i class="ion-load-c"></i><span class="gtm-submit-contact-form">Submit</span><i class="gtm-submit-contact-form ion-android-arrow-forward"></i></button> </div> <input type="hidden" class="url" name="url"/> <input type="hidden" class="enquiry_id" name="enquiry_id"/> <input type="hidden" class="type" name="type"/> <input type="hidden" name="_wpnonce" value="233cc72c75"/> <input type="hidden" name="file_url"/> <input type="text" name="finaliseForm" class="finaliseForm" value="" style="display: none;" tabindex=”-1″ autocomplete="false;"/> <input type="hidden" class="ppc utm_source" name="utm_source"> <input type="hidden" class="ppc utm_medium" name="utm_medium"> <input type="hidden" class="ppc keyword" name="keyword"> <input type="hidden" class="ppc device" name="device"> <input type="hidden" class="ppc gclid" name="gclid"> <input type="hidden" class="referrer" name="referrer"> </form> </div> <ul class="nav-links"> <li class=""> <a href="https://www.plugandplaydesign.co.uk/about-us/"> About </a> </li> <li class=""> <a href="https://www.plugandplaydesign.co.uk/our-work/"> Our Work </a> </li> <li class=""> <a href="https://www.plugandplaydesign.co.uk/contact/"> Contact </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/custom-web-design-agency/"> Websites </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/ecommerce-website-design-london/"> eCommerce </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/digital-marketing-agency/"> Digital Marketing </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/wordpress-agency-london/"> WordPress </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/brand-development-agency/"> Branding </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/mobile-app-developers-london/"> Mobile Apps </a> </li> <li class="-small"> <a href="https://www.plugandplaydesign.co.uk/digital-transformation-consultants/"> Digital Transformation </a> </li>       </ul> <footer class="nav-footer content-grey f18">   <h2 class="heading heading6">Get in touch</h2> <a href="tel:02030111641"> 0203 0111 641 </a> <a class="email" href="/cdn-cgi/l/email-protection#3b535e5757547b4b574e5c5a555f4b575a425f5e48525c55155854154e50"> <span class="__cf_email__" data-cfemail="1b737e7777745b6b776e7c7a757f6b777a627f7e68727c75357874356e70">[email protected]</span> </a> <a class="contact-form-link" href="/contact/">Contact form <i class="ion-ios-arrow-thin-right"></i></a> </footer> </div>                          <div class="nav-right"> <iframe src="https://registry.blockmarktech.com/certificates/ce75a810-fe39-4446-925e-c7ffba33911e/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border: none; height:100px; width:100px;"></iframe> <iframe src="https://registry.blockmarktech.com/certificates/a27d05ba-f1e3-43f2-af85-20f59965a32b/widget/?tooltip_position=bottom_right&theme=dark&hover=t" style="border: none; height:100px; width:100px;"></iframe> </div> </nav> <form id="file_uploader" enctype="multipart/form-data" class="hidden"> <input type="hidden" id="file_uploader_enquiry_id" name="enquiry_id"/> <input type="hidden" id="file_uploader_type" name="type"/> <input type="hidden" id="file_uploader_nonce" name="_wpnonce"/> <input type="file" id="file_uploader_file" name="file"/> </form> </main></div><div id="modal-skeleton"> <div class="modal fade zoom pnp-modal" tabindex="-1" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <header class="modal-header">     <button class="close-modal" aria-label="Close"> <i class="ion-ios-close-empty"></i> </button> <div class="clearfix"></div> </header> <div class="modal-body"> <p>An error has occurred, please try again later.</p> </div> </div> </div> </div> </div><header id="page-header"> <div class="nav-container nav-height -first-hide -first-load" id="nav"> <a class="nav-logo" href="/"> <img class="logo-dark" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play.svg" alt="Plug & Play Web Design Agency" width="129" height="27"> <img class="logo-light" src="https://www.plugandplaydesign.co.uk/wp-content/uploads/2019/04/plug_and_play_light.svg" alt="Plug & Play Web Design Agency" width="129" height="27"> </a> <div class="phone">    <a class="phone-number hidden-xs" href="/contact/">Contact us</a> </div> <div class="burger-container"> <button class="navbar-toggle navbar-toggle-multi-level burger" type="button"> <span class="sr-only">Toggle navigation</span> <i></i> </button> </div> </div> </header> <div class="ajax-loading-overlay"></div>  <aside id="moove_gdpr_cookie_info_bar" class="moove-gdpr-info-bar-hidden moove-gdpr-align-center moove-gdpr-dark-scheme gdpr_infobar_postion_bottom" aria-label="GDPR Cookie Banner" style="display: none;"> <div class="moove-gdpr-info-bar-container"> <div class="moove-gdpr-info-bar-content"> <div class="moove-gdpr-cookie-notice"> <p>We are using cookies to provide you with the best experience on our website. By clicking accept, you agree that we can use cookies on your device. Find out more in our <a href="/cookies-policy/">cookie policy</a>.</p> </div>  <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" >Accept</button> </div>  </div>  </div>  </aside>   <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.plugandplaydesign.co.uk/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/www.plugandplaydesign.co.uk\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.5.2" id="contact-form-7-js"></script> <script type="text/javascript" id="rocket-browser-checker-js-after"> /* <![CDATA[ */ "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); /* ]]> */ </script> <script type="text/javascript" id="rocket-delay-js-js-after"> /* <![CDATA[ */ (function() { "use strict";var e=function(){function n(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(e,t,r){return t&&n(e.prototype,t),r&&n(e,r),e}}();function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function r(e,t){n(this,r),this.attrName="data-rocketlazyloadscript",this.browser=t,this.options=this.browser.options,this.triggerEvents=e,this.userEventListener=this.triggerListener.bind(this)}return e(r,[{key:"init",value:function(){this._addEventListener(this)}},{key:"reset",value:function(){this._removeEventListener(this)}},{key:"_addEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.addEventListener(e,t.userEventListener,t.options)})}},{key:"_removeEventListener",value:function(t){this.triggerEvents.forEach(function(e){return window.removeEventListener(e,t.userEventListener,t.options)})}},{key:"_loadScriptSrc",value:function(){var r=this,e=document.querySelectorAll("script["+this.attrName+"]");0!==e.length&&Array.prototype.slice.call(e).forEach(function(e){var t=e.getAttribute(r.attrName);e.setAttribute("src",t),e.removeAttribute(r.attrName)}),this.reset()}},{key:"triggerListener",value:function(){this._loadScriptSrc(),this._removeEventListener(this)}}],[{key:"run",value:function(){RocketBrowserCompatibilityChecker&&new r(["keydown","mouseover","touchmove","touchstart","wheel"],new RocketBrowserCompatibilityChecker({passive:!0})).init()}}]),r}();t.run(); }()); /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-extra"> /* <![CDATA[ */ var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/www.plugandplaydesign.co.uk","onHoverDelay":"100","rateThrottle":"3"}; /* ]]> */ </script> <script type="text/javascript" id="rocket-preload-links-js-after"> /* <![CDATA[ */ (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); /* ]]> */ </script> <script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.min.js" id="jquery-js"></script> <script type="text/javascript" id="global_js-js-extra"> /* <![CDATA[ */ var ajax_object = {"ajax_url":"https:\/\/www.plugandplaydesign.co.uk\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/themes/pegasus/dist/js/global.min.js?ver=1.26" id="global_js-js"></script> <script type="text/javascript" id="moove_gdpr_frontend-js-extra"> /* <![CDATA[ */ var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/www.plugandplaydesign.co.uk\/wp-admin\/admin-ajax.php","post_id":"12793","plugin_dir":"https:\/\/www.plugandplaydesign.co.uk\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"1","ajax_cookie_removal":"false","strict_init":"2","enabled_default":{"third_party":0,"advanced":0},"geo_location":"false","force_reload":"false","is_single":"","hide_save_btn":"false","current_user":"0","cookie_expiration":"365","script_delay":"2000","close_btn_action":"1","close_btn_rdr":"","scripts_defined":"{\"cache\":true,\"header\":\"\",\"body\":\"\",\"footer\":\"\",\"thirdparty\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"},\"advanced\":{\"header\":\"\",\"body\":\"\",\"footer\":\"\"}}","gdpr_scor":"true","wp_lang":""}; /* ]]> */ </script> <script src="https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=4.13.1" id="moove_gdpr_frontend-js"></script> <script id="moove_gdpr_frontend-js-after"> /* <![CDATA[ */ var gdpr_consent__strict = "true" var gdpr_consent__thirdparty = "false" var gdpr_consent__advanced = "false" var gdpr_consent__cookies = "strict" /* ]]> */ </script>   <div id="moove_gdpr_cookie_modal" class="gdpr_lightbox-hide" role="complementary" aria-label="GDPR Settings Screen"> <div class="moove-gdpr-modal-content moove-clearfix logo-position-left moove_gdpr_modal_theme_v1"> <button class="moove-gdpr-modal-close" aria-label="Close GDPR Cookie Settings"> <span class="gdpr-sr-only">Close GDPR Cookie Settings</span> <span class="gdpr-icon moovegdpr-arrow-close"></span> </button> <div class="moove-gdpr-modal-left-content"> <div class="moove-gdpr-company-logo-holder"> <img src="https://www.plugandplaydesign.co.uk/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="Plug and Play" width="350" height="233" class="img-responsive" /> </div>  <ul id="moove-gdpr-menu"> <li class="menu-item-on menu-item-privacy_overview menu-item-selected"> <button data-href="#privacy_overview" class="moove-gdpr-tab-nav" aria-label="Privacy Overview"> <span class="gdpr-nav-tab-title">Privacy Overview</span> </button> </li> <li class="menu-item-strict-necessary-cookies menu-item-off"> <button data-href="#strict-necessary-cookies" class="moove-gdpr-tab-nav" aria-label="Strictly Necessary Cookies"> <span class="gdpr-nav-tab-title">Strictly Necessary Cookies</span> </button> </li> </ul> <div class="moove-gdpr-branding-cnt"> <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" rel="noopener noreferrer" target="_blank" class='moove-gdpr-branding'>Powered by  <span>GDPR Cookie Compliance</span></a> </div>  </div>  <div class="moove-gdpr-modal-right-content"> <div class="moove-gdpr-modal-title"> </div>  <div class="main-modal-content"> <div class="moove-gdpr-tab-content"> <div id="privacy_overview" class="moove-gdpr-tab-main"> <span class="tab-title">Privacy Overview</span> <div class="moove-gdpr-tab-main-content"> <p>This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.</p> </div>  </div>  <div id="strict-necessary-cookies" class="moove-gdpr-tab-main" style="display:none"> <span class="tab-title">Strictly Necessary Cookies</span> <div class="moove-gdpr-tab-main-content"> <p>Strictly Necessary Cookie should be enabled at all times so that we can save your preferences for cookie settings.</p> <div class="moove-gdpr-status-bar gdpr-checkbox-disabled checkbox-selected"> <div class="gdpr-cc-form-wrap"> <div class="gdpr-cc-form-fieldset"> <label class="cookie-switch" for="moove_gdpr_strict_cookies"> <span class="gdpr-sr-only">Enable or Disable Cookies</span> <input type="checkbox" aria-label="Strictly Necessary Cookies" disabled checked="checked" value="check" name="moove_gdpr_strict_cookies" id="moove_gdpr_strict_cookies"> <span class="cookie-slider cookie-round" data-text-enable="Enabled" data-text-disabled="Disabled"></span> </label> </div>  </div>  </div>  <div class="moove-gdpr-strict-warning-message" style="margin-top: 10px;"> <p>If you disable this cookie, we will not be able to save your preferences. This means that every time you visit this website you will need to enable or disable cookies again.</p> </div>  </div>  </div>  </div>  </div>  <div class="moove-gdpr-modal-footer-content"> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-modal-allow-all button-visible" aria-label="Enable All">Enable All</button> <button class="mgbutton moove-gdpr-modal-save-settings button-visible" aria-label="Save Settings">Save Settings</button> </div>  </div>  </div>  <div class="moove-clearfix"></div> </div>  </div>   <script src="//instant.page/1.2.2"></script> <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script> </body></html>

CINXE.COM

UX Design London | UX Agency London | Plug & Play