CINXE.COM
UX Design Agency London | UX UI Agency | UX Agency | Plug & Play
<!DOCTYPE html> <html lang="en-GB" class="no-js -loading -site-ux"> <head> <meta charset="UTF-8"> <title>UX Design Agency London | UX UI Agency | UX Agency | 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='max-image-preview:large' /> <!-- This site is optimized with the Yoast SEO plugin v15.2.1 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="We're a UX Design Agency in London that specialises in UX design, UI design and frontend development. We transform digital products." /> <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" /> <link rel="canonical" href="https://ux-design.agency/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="website" /> <meta property="og:title" content="UX Design Agency London | UX UI Agency | UX Agency | Plug & Play" /> <meta property="og:description" content="We're a UX Design Agency in London that specialises in UX design, UI design and frontend development. We transform digital products." /> <meta property="og:url" content="https://ux-design.agency/" /> <meta property="og:site_name" content="UX Agency" /> <meta property="article:modified_time" content="2024-10-02T07:58:23+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Darren Johnson"> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://ux-design.agency/#organization","name":"Plug and Play Design","url":"https://ux-design.agency/","sameAs":[],"logo":{"@type":"ImageObject","@id":"https://ux-design.agency/#logo","inLanguage":"en-GB","url":"https://ux-design.agency/wp-content/uploads/2019/04/plug_and_play_logo-1.png","width":129,"height":27,"caption":"Plug and Play Design"},"image":{"@id":"https://ux-design.agency/#logo"}},{"@type":"WebSite","@id":"https://ux-design.agency/#website","url":"https://ux-design.agency/","name":"UX Agency","description":"","publisher":{"@id":"https://ux-design.agency/#organization"},"potentialAction":[{"@type":"SearchAction","target":"https://ux-design.agency/?s={search_term_string}","query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"WebPage","@id":"https://ux-design.agency/#webpage","url":"https://ux-design.agency/","name":"UX Design Agency London | UX UI Agency | UX Agency | Plug & Play","isPartOf":{"@id":"https://ux-design.agency/#website"},"about":{"@id":"https://ux-design.agency/#organization"},"datePublished":"2019-03-18T12:00:45+00:00","dateModified":"2024-10-02T07:58:23+00:00","description":"We're a UX Design Agency in London that specialises in UX design, UI design and frontend development. We transform digital products.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://ux-design.agency/"]}]}]}</script> <!-- / Yoast SEO plugin. --> <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' /> <link rel="alternate" type="application/rss+xml" title="UX Agency » Feed" href="https://ux-design.agency/feed/" /> <link rel="alternate" type="application/rss+xml" title="UX Agency » Comments Feed" href="https://ux-design.agency/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="UX Agency » Home Comments Feed" href="https://ux-design.agency/home/feed/" /> <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='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://ux-design.agency/wp-content/themes/pegasus/dist/css/bootstrap.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='global_css-css' href='https://ux-design.agency/wp-content/themes/pegasus/dist/css/global.min.css?ver=1.29' type='text/css' media='all' /> <link rel='stylesheet' id='moove_gdpr_frontend-css' href='https://ux-design.agency/wp-content/plugins/gdpr-cookie-compliance/dist/styles/gdpr-main-nf.css?ver=4.10.2' type='text/css' media='all' /> <style id='moove_gdpr_frontend-inline-css' type='text/css'> #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title, #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-branding-cnt a, #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, #moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after, #moove_gdpr_cookie_modal .cookie-switch .slider:after, #moove_gdpr_cookie_modal .switch .cookie-slider:after, #moove_gdpr_cookie_modal .switch .slider:after, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a, #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, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h1, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h2, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h3, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h4, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h5, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content h6, #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title .tab-title, #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main h3.tab-title, #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main span.tab-title, #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-branding-cnt a { font-weight: inherit } #moove_gdpr_cookie_modal,#moove_gdpr_cookie_info_bar,.gdpr_cookie_settings_shortcode_content{font-family:inherit}#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{-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 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,#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://ux-design.agency/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://ux-design.agency/wp-json/wp/v2/pages/1" /><link rel='shortlink' href='https://ux-design.agency/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://ux-design.agency/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fux-design.agency%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://ux-design.agency/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fux-design.agency%2F&format=xml" /> <style id="wpforms-css-vars-root"> :root { --wpforms-field-border-radius: 3px; --wpforms-field-background-color: #ffffff; --wpforms-field-border-color: rgba( 0, 0, 0, 0.25 ); --wpforms-field-text-color: rgba( 0, 0, 0, 0.7 ); --wpforms-label-color: rgba( 0, 0, 0, 0.85 ); --wpforms-label-sublabel-color: rgba( 0, 0, 0, 0.55 ); --wpforms-label-error-color: #d63637; --wpforms-button-border-radius: 3px; --wpforms-button-background-color: #066aab; --wpforms-button-text-color: #ffffff; --wpforms-field-size-input-height: 43px; --wpforms-field-size-input-spacing: 15px; --wpforms-field-size-font-size: 16px; --wpforms-field-size-line-height: 19px; --wpforms-field-size-padding-h: 14px; --wpforms-field-size-checkbox-size: 16px; --wpforms-field-size-sublabel-spacing: 5px; --wpforms-field-size-icon-size: 1; --wpforms-label-size-font-size: 16px; --wpforms-label-size-line-height: 19px; --wpforms-label-size-sublabel-font-size: 14px; --wpforms-label-size-sublabel-line-height: 17px; --wpforms-button-size-font-size: 17px; --wpforms-button-size-height: 41px; --wpforms-button-size-padding-h: 15px; --wpforms-button-size-margin-top: 10px; } </style> <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"> <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries--> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!--Microdata--> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "logo": "https://ux-design.agency/wp-content/uploads/2019/05/plug_and_play.png", "email": "hello@ux-design.agency", "telephone": "020 3011 1641", "name": "UX Agency", "url": "https://ux-design.agency" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "LocalBusiness", "parentOrganization": { "name" : "UX Agency" }, "name": "Plug and Play Guildford", "image": "https://ux-design.agency/wp-content/uploads/2019/05/PlugandPlay20190761@2x-1.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": "020 3011 1641", "@id": "https://ux-design.agency/?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" : "UX Agency" }, "name": "Plug and Play South Bank", "image": "https://ux-design.agency/wp-content/uploads/2019/05/PlugandPlay2019-London1601.jpg", "hasmap": "https://www.google.com/maps/dir//Working+From_Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057496,-0.1051132,19z/data=!4m16!1m6!3m5!1s0x48760537da1d5ae7:0xe56b3313b425c4c2!2sWorking+From_Southwark!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x48760537da1d5ae7:0xe56b3313b425c4c2!2m2!1d-0.1047425!2d51.5057813!3e3", "openingHours": "Mo-Fr 09:00-17:30", "telephone": "020 3011 1641", "@id": "https://ux-design.agency/?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" : "UX Agency" }, "name": "Plug and Play Central London", "image": "https://ux-design.agency/wp-content/uploads/2019/04/dom_732.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 626", "@id": "https://ux-design.agency/?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"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MH2XVS9');</script> <!-- End Google Tag Manager --> <script defer data-domain="ux-design.agency" src="https://plausible.io/js/script.js"></script> </head> <body class="home page-template-default page page-id-1"> <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 Agency</h1> <p>We are the UX Design Agency division of Plug & Play, and we’ve been leading the field of re-interfacing digital products by creating industry leading <a href="https://ux-design.agency/ui-design/"><strong>UX UI Design</strong></a> for our amazing list of clients.</p> <p>Based in central London on the South Bank, our <strong>UX Agency London</strong> is where our<strong> London UX Designers</strong> are based, enabling them to collaborate with digital product managers, technical directors and internal design teams the world over on a daily basis.</p> <h2>UX Agency London</h2> <p>Our clients look to us to deliver outcomes – high performing digital products that their customers love to use. To achieve this our UX Designers in our <span style="text-decoration: underline;">London UX Agency</span> on the South Bank work closely with our very own expert <a href="https://ux-design.agency/front-end-developers-london/">front-end developers London</a> team. In this way our <span style="text-decoration: underline;">London UX designers</span> are able to work on not only how the new UX UI design looks, but also how it works when you interact with it – after all, UX is about outcomes, not just pretty interfaces.</p> <h2>UX Design Agency London Process</h2> <p>Delivering high quality work is at the core of everything we do, and our clients love the creative solutions we deliver, enabling them to out-perform the market, and all by engaging with a <a href="https://ux-design.agency/ui-design/">UI Design Agency London</a> to re-interface their digital product. With our lives evermore online, company value is increasingly correlated to product value; and product value is all about making people’s live easier and better with great digital products.</p> <h2>UX Design London</h2> <p>Our user experience agency services include:</p> <ul> <li>Research and discovery</li> <li>Prototyping</li> <li><a href="https://ux-design.agency/ui-design/">UX and UI design</a></li> <li>User testing</li> </ul> <p> </p> </div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MH2XVS9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- --> <div class="container-fluid" id="wrapper"> <main id="content"> <div id="page-1" class="post-1 page type-page status-publish hentry home singular-post"> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including banner component --><section class="component component-banner pnp-bg -large full-height text-light" style="" data-scrollax-parent="true"> <div id="banner-overlay" class="overlay -absolute bg-colour-dark-grey"></div> <div class="inner " data-scrollax="properties: { 'opacity': 2.5}"> <div> <h2 class="sub-heading">UX Design Agency </h2> <h2 class="heading heading1">We're a UX agency that designs and builds beautiful user interfaces & experiences. </h2> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container -large "> <div class="row -shift-up fifty-fifty-layout"> <div class="col-xs-12 col-left-side col-sm-6"> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://ux-design.agency/ux-design/fintech-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%202538%202325'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/04/idealex-ux-our-work-new.jpg" alt="" height="2325" width="2538" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Idealex</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>UX & UI design to launch a new challenger banking app</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 class="tag">Branding</div> </div> </div> </a> </div> </div> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://ux-design.agency/ux-design/falcon-x/" class="inner" data-scrollax-parent="true"> <div class="video-container "> <div class="video-wrapper " data-scrollax="properties: { 'translateY': '11%' }"> <video class="video has-background-video" autoplay="true" muted="muted" playsinline loop poster="https://ux-design.agency/wp-content/uploads/2022/01/Falcon-x-thumbnail-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"> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://ux-design.agency/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://ux-design.agency/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': '9%' }"> <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://ux-design.agency/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 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> <!-- Including call-to-action component --> <div class="component row no-gutter component-call-to-action -bottom" style="" data-pnp-animate="slideUpSlow" > <div class="col-xs-12"> <a href="https://ux-design.agency/ux-design/property-hub/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '7%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201694%201930'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2023/08/Property-Hub-Our-Work-1.jpg" alt="" height="1930" width="1694" 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> </div> </div> </div> <!-- Including layout component --> <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"> <!-- Including text component --><section class="component component-text -large" style=" padding-top: 0%;padding-bottom: 25%;padding-left: 6%;padding-right: 6%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading2" style="text-align: center;">We work closely with your development team, digital product managers and stakeholders to design and develop UX and UI that make your website, application or software a joy to use.</h2> <p> </p> <p style="text-align: center;"><a class="btn -medium-grey -external-link" style="text-align: center;" href="https://ux-design.agency/work/">View our work</a></p> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-dark-grey" style=" "> <div class=" container -large "> <div class="row fifty-fifty-layout"> <div class="col-xs-12 col-left-side col-sm-6"> <!-- Including text component --><section class="component component-text -large bg-colour-dark-grey text-light" style=" padding-top: 30%;"> <div class="inner"> <h2 class="heading heading1" data-pnp-animate="fadeInBottom"> Our Services </h2> <div class="content" data-pnp-animate-inner="fadeInBottom" data-pnp-animation-delay=".3s"> <div class="content-large"> <h2 class="heading3"><a href="https://ux-design.agency/ui-design/">UX / UI Design</a></h2> <h2 class="heading3"><a href="https://ux-design.agency/front-end-developers-london/">Frontend Development</a></h2> <h2 class="heading3"><a href="https://ux-design.agency/digital-product-innovation/">Digital Product Retainers</a></h2> <h2 class="heading3"><a href="https://ux-design.agency/crm-interface-design">CRM Interface Design</a></h2> <p> </p> </div> </div> </div> </section> </div> <div class="col-xs-12 col-right-side col-sm-6"> <!-- Including image component --><section class="component component-image -display-type-standard " style="" data-scrollax-parent="true" > <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://ux-design.agency/wp-content/uploads/2019/06/James-bk-and-white-portrait-pnp.jpg" alt="digital product agency" height="1126" width="800" /> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg " style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including image component --><section class="component component-image -display-type-parallax " style="" data-scrollax-parent="true" > <div class="image pnp-bg full-height parallax" data-scrollax="properties: { 'translateY': '200px' }" data-src="https://ux-design.agency/wp-content/uploads/2019/05/PlugandPlay20191246@2x.jpg"> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg -bg-alignment-right" data-pnp-equate-height=".equalise" data-resize-mobile="false" style=""> <div data-pnp-animate="overlapIn" class="overlap-background pnp-bg -right " style="background-color: #f9f7f4;"></div> <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"> <!-- Including image component --><section class="component component-image -display-type-standard hidden-xs" style="" data-scrollax-parent="true" > <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%201914'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/04/4_3.jpg" alt="" height="1914" width="1920" /> </section> </div> <div class="col-xs-12 col-right-side col-sm-6 equalise"> <!-- Including text component --><section class="component component-text text-dark" style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <h2 class="heading2">We combine deep UX & UI knowledge with cross sector insights to create clean and engaging user experiences.</h2> <p>The majority of our clients have existing products and interfaces that need external expertise to elevate the user experience and implement a consistent and intuitive UI framework that can flex and scale with the business needs.</p> <p>Our collaborative and outcomes driven approach delivers results including:</p> <ul> <li>Accelerated time to market</li> <li>Improved engagement & ease of use</li> <li>Improved customer satisfaction</li> <li>Attract & retain more users</li> <li>Reduced development costs</li> </ul> <h2 class="heading2" style="text-align: center;"></h2> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <div class="component layout negative-margin pnp-bg bg-colour-base-grey" style=" "> <div class=" container-fluid "> <div class="row no-gutter full-width-layout "> <div class="col-md-12"> <!-- Including showcase component --> <section class="component component-showcase hidden-xs -showcase_all_text_visible -scrolling-images" style=""> <div class="showcase row no-gutter"> <div class="col-sm-6 text-side"> <div class="text-container"> <div class="text-inner text-inner-0"> <h2 class="heading1 heading">Our offering</h2> <div class="content"> <a href="https://ux-design.agency/ui-design/" class="inner"> <h3 class="sub-heading"> User interface design </h3> <p>Our UI design team improves every touch point of the user experience through beautiful design and interaction aesthetic.</p> <p>Working closely with your team, our senior interface designers provide creative leadership and insight to create world-class interfaces and user experiences.</p> <p><a class="btn -medium-grey -external-link" href="https://ux-design.agency/ui-design/">Explore</a></p> </a> </div> </div> </div> <div class="text-container"> <div class="text-inner text-inner-1"> <div class="content"> <a href="https://ux-design.agency/front-end-developers-london/" class="inner"> <h3 class="sub-heading"> Frontend development </h3> <p>Great designs deserve great development. With decades of experience working alongside internal development, QA and project teams, our highly skilled frontend developers will provide the seamless team extension you need to drive your project to completion.</p> <p><a class="btn -medium-grey -external-link" href="https://ux-design.agency/front-end-developers-london/">Explore</a></p> </a> </div> </div> </div> </div> <div class="col-sm-6 image-side"> <div class="showcase-veil"></div> <div class="image-container "> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201174%201564'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/04/Case-Study-Assets-Two-Thirds-3_2-4-1.jpg" alt="" height="1564" width="1174" data-showcase-item="0"/> </div> <div class="image-container "> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%202144%202294'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/04/Idealex-ux.png" alt="" height="2294" width="2144" data-showcase-item="1"/> </div> </div> </div> </section> <section class="component component-slider -wide-image -showcase-image visible-xs -dots-bottom -dots-dark bg-colour-base-grey text-dark" style="" > <div class="slider-container" data-resize-mobile="true" data-pnp-slider-config='{"infinite":false,"mobileFirst":false,"autoplay":false,"autoplaySpeed":2000,"slidesToShow":1,"slidesToScroll":1,"dots":true,"responsive":[{"breakpoint":992,"settings":{"slidesToShow":1,"slidesToScroll":1}},{"breakpoint":991,"settings":{"slidesToShow":1,"slidesToScroll":1}},{"breakpoint":500,"settings":{"slidesToShow":1,"slidesToScroll":1}}]}'> <div class="slide"> <div class="image pnp-bg" data-src="https://ux-design.agency/wp-content/uploads/2024/04/Case-Study-Assets-Two-Thirds-3_2-4-1.jpg"></div> <div class="content-container"> <h3 class="heading heading3">User interface design</h3> <div class="content"> <p>Our UI design team improves every touch point of the user experience through beautiful design and interaction aesthetic.</p> <p>Working closely with your team, our senior interface designers provide creative leadership and insight to create world-class interfaces and user experiences.</p> <p><a class="btn -medium-grey -external-link" href="https://ux-design.agency/ui-design/">Explore</a></p> </div> </div> </div> <div class="slide"> <div class="image pnp-bg" data-src="https://ux-design.agency/wp-content/uploads/2024/04/Idealex-ux.png"></div> <div class="content-container"> <h3 class="heading heading3">Frontend development</h3> <div class="content"> <p>Great designs deserve great development. With decades of experience working alongside internal development, QA and project teams, our highly skilled frontend developers will provide the seamless team extension you need to drive your project to completion.</p> <p><a class="btn -medium-grey -external-link" href="https://ux-design.agency/front-end-developers-london/">Explore</a></p> </div> </div> </div> </div> </section> </div> </div> </div> </div> <!-- Including layout component --> <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"> <!-- Including image-grid component --> <section class="component row component component-image-grid text-light" style=""> <h2 class="heading1 main-heading">Our clients</h2> <div class="image_grid_logos images -images-col-5"> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/wwf-logo-1.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20202%20256'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/Powerleague.svg" alt="" height="256" width="202" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/tesco-logo.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20395%20201'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/Royal-Foundation.svg" alt="" height="201" width="395" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/Capita.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20326%20138'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/Give-a-Grad-a-Go.svg" alt="" height="138" width="326" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/l-and-g-logo.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/Shell.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/Essilor.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/06/Mercer.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20588%2056'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/Third-Space.svg" alt="" height="56" width="588" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20719%20297'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/AI-Standards-Hub.svg" alt="" height="297" width="719" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20167%20167'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/BRE.svg" alt="" height="167" width="167" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20505%20146'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/British-Council.svg" alt="" height="146" width="505" /> </div> <div class="image-container bg-colour-dark-grey scroll-reveal-grow" style=""> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20511%20106'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2024/05/RSL.svg" alt="" height="106" width="511" /> </div> </div> </section> </div> </div> </div> </div> </div> <!-- Including footer component --><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">Take the next step.<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="8306cdb064" 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_178676" class="accept_gdpr" value="1"> <label for="gdpr_178676"> I understand that Plug & Play will securely hold my data in accordance with their <a href="/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="8306cdb064"/> <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/mobile-app-development-surrey/">Mobile App Development </a></li> <li><a href="https://www.plugandplaydesign.co.uk/" target="_blank" rel="noopener">Web Design Agency </a></li> <li><a href="https://instinctive.agency" target="_blank" rel="noopener">App Developers London </a></li> <li><a href="https://ux-design.agency/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://ux-design.agency/terms-and-conditions/">Terms and Conditions </a></li> <li><a class="lighter" href="https://ux-design.agency/privacy-policy/">Privacy Policy</a></li> <li><a class="lighter" href="https://ux-design.agency/legals/">Legals </a></li> <li><a class="lighter" href="https://ux-design.agency/data-processing-terms-and-conditions/">Data Processing Terms & Conditions</a></li> <li><a class="lighter" href="https://ux-design.agency/cookies-policy/">Cookies Policy</a></li> <li><a class="lighter" href="https://ux-design.agency/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.facebook.com/plugandplaydesign" target="_blank"> Facebook </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://www.twitter.com/plugandplayuk" target="_blank"> Twitter </a> <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://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" rel="noopener" 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">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#93f4e6fafff7f5fce1f7d3e3ffe6f4f2fdf7e3fff2eaf7f6e0faf4fdbdf0fcbde6f8"><span class="__cf_email__" data-cfemail="4a2d3f23262e2c25382e0a3a263f2d2b242e3a262b332e2f39232d24642925643f21">[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" rel="noopener" href="https://www.google.com/maps/dir//Working+From_Southwark,+32+Blackfriars+Rd,+South+Bank,+London+SE1+8PB/@51.5057496,-0.1051132,19z/data=!4m16!1m6!3m5!1s0x48760537da1d5ae7:0xe56b3313b425c4c2!2sWorking+From_Southwark!8m2!3d51.5057813!4d-0.1047425!4m8!1m0!1m5!1m1!1s0x48760537da1d5ae7:0xe56b3313b425c4c2!2m2!1d-0.1047425!2d51.5057813!3e3">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#8ae6e5e4eee5e4cafae6ffedebe4eefae6ebf3eeeff9e3ede4a4e9e5a4ffe1"><span class="__cf_email__" data-cfemail="b4d8dbdad0dbdaf4c4d8c1d3d5dad0c4d8d5cdd0d1c7ddd3da9ad7db9ac1df">[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" rel="noopener" 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">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#bccfd3d4d3fcccd0c9dbddd2d8ccd0ddc5d8d9cfd5dbd292dfd392c9d7"><span class="__cf_email__" data-cfemail="3b485453547b4b574e5c5a555f4b575a425f5e48525c55155854154e50">[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"> <a class="social-link" rel="nofollow noopener noreferrer" href="https://www.facebook.com/plugandplaydesign" target="_blank"> Facebook </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://www.twitter.com/plugandplayuk" target="_blank"> Twitter </a> <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://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> <nav class="nav-menu" id="nav-menu" style="opacity: 0;visibility: hidden;"> <div class="nav-left-bg"></div> <!-- <div class="nav-right-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="8306cdb064" 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_485721" class="accept_gdpr" value="1"> <label for="gdpr_485721"> I understand that Plug & Play will securely hold my data in accordance with their <a href="/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="8306cdb064"/> <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://ux-design.agency/london/"> About </a> </li> <li class=""> <a href="https://ux-design.agency/work/"> Our Work </a> </li> <li class=""> <a href="https://ux-design.agency/contact/"> Contact </a> </li> <li class="-gap-above -small"> <a href="https://ux-design.agency/ui-design/"> UX & UI Design </a> </li> <li class="-small"> <a href="https://ux-design.agency/front-end-developers-london/"> Front End Development </a> </li> <li class="-small"> <a href="https://ux-design.agency/crm-interface-design"> CRM Interface Design </a> </li> <!-- <li class="cta">--> <!-- <a href="/contact/" class="btn -outline -arrow" id="nav-form-show-contact-form">--> <!-- <span>Contact us</span>--> <!-- <i class="ion-ios-arrow-thin-right"></i>--> <!-- </a>--> <!-- </li>--> </ul> <footer class="nav-footer content-grey f18"> <!-- <div class="awards">--> <!-- --> <!-- </div>--> <h2 class="heading heading6">Get in touch</h2> <a href="tel:02030111641"> 020 3011 1641 </a> <a class="email" href="/cdn-cgi/l/email-protection#95fdf0f9f9fad5e0edb8f1f0e6fcf2fbbbf4f2f0fbf6ec"> <span class="__cf_email__" data-cfemail="caa2afa6a6a58abfb2e7aeafb9a3ada4e4abadafa4a9b3">[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="case-study-container">--> <!-- --><!----> <!----> <!-- --><!-- --><!----> <!-- <div class="row no-gutter component-call-to-action -bottom">--> <!-- <div class="col-xs-12">--> <!-- <a href="--><!--" class="inner" >--> <!----> <!-- <img src="--><!--"--> <!-- alt="--><!--"--> <!-- class="image"--> <!-- height="--><!--"--> <!-- width="--><!--"/>--> <!----> <!-- <div class="content-container">--> <!-- --><!-- <p class="heading heading3">--> <!-- --><!-- </p>--> <!-- --><!----> <!-- --><!-- <div class="content">--> <!-- --><!-- </div>--> <!-- --><!-- </div>--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- --><!-- </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><!-- Including modals component --><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"> <!-- <a class="logo-link" href="/">--> <!-- <span class="sr-only">Company Name</span>--> <!-- <img height="80" alt="Company Logo" src="/dist/img/logos/orson-logo-cirlce-light.svg">--> <!-- </a>--> <button type="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"><!-- Including navigation component --> <div class="nav-container nav-height -first-hide -first-load " id="nav"> <a class="nav-logo" href="/"> <span class="screen-reader-text">Plug and Play Design</span> <img class="logo-dark" src="https://ux-design.agency/wp-content/uploads/2019/04/plug_and_play.svg" alt="" width="129" height="27"> <img class="logo-light" src="https://ux-design.agency/wp-content/uploads/2019/04/plug_and_play_light.svg" alt="" width="129" height="27"> </a> <div class="phone"> <!-- <a href="tel:--><!--">--> <!-- <i class="phone-icon"></i>--> <!-- </a>--> <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="component component-microinteraction -cookie light"--> <!-- data-pnp-mi-delay="5000"--> <!-- data-pnp-mi-config="delay"--> <!-- data-pnp-mi-debug-mode=""--> <!-- data-pnp-mi-id="mi-cookie-accept">--> <!----> <!-- --><!----> <!-- <a href="#" class="close-button btn -cookie" data-pnp-mi-close="1">--> <!-- GOT IT--> <!-- </a>--> <!-- </div>--> <!--copyscapeskip--> <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="https://ux-design.agency/cookies-policy/">cookie policy</a>.</p> </div> <!-- .moove-gdpr-cookie-notice --> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-infobar-allow-all gdpr-fbo-0" aria-label="Accept" role="button">Accept</button> </div> <!-- .button-container --> </div> <!-- moove-gdpr-info-bar-content --> </div> <!-- moove-gdpr-info-bar-container --> </aside> <!-- #moove_gdpr_cookie_info_bar --> <!--/copyscapeskip--> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://ux-design.agency/wp-content/plugins/better-wp-security/core/modules/wordpress-tweaks/js/blankshield/blankshield.min.js?ver=4121" id="blankshield-js"></script> <script src="https://ux-design.agency/wp-content/plugins/better-wp-security/core/modules/wordpress-tweaks/js/block-tabnapping.min.js?ver=4121" id="itsec-wt-block-tabnapping-js"></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:\/\/ux-design.agency\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script src="https://ux-design.agency/wp-content/themes/pegasus/dist/js/global.min.js?ver=1.20" id="global_js-js"></script> <script type="text/javascript" id="moove_gdpr_frontend-js-extra"> /* <![CDATA[ */ var moove_frontend_gdpr_scripts = {"ajaxurl":"https:\/\/ux-design.agency\/wp-admin\/admin-ajax.php","post_id":"1","plugin_dir":"https:\/\/ux-design.agency\/wp-content\/plugins\/gdpr-cookie-compliance","show_icons":"all","is_page":"1","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":"","gdpr_scor":"true","wp_lang":""}; /* ]]> */ </script> <script src="https://ux-design.agency/wp-content/plugins/gdpr-cookie-compliance/dist/scripts/main.js?ver=4.10.2" 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> <!--copyscapeskip--> <!-- V1 --> <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"> <div class="moove-gdpr-modal-left-content"> <div class="moove-gdpr-company-logo-holder"> <img src="https://ux-design.agency/wp-content/plugins/gdpr-cookie-compliance/dist/images/gdpr-logo.png" alt="UX Agency" width="350" height="233" class="img-responsive" /> </div> <!-- .moove-gdpr-company-logo-holder --> <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> <li class="menu-item-off menu-item-third_party_cookies"> <button data-href="#third_party_cookies" class="moove-gdpr-tab-nav" aria-label="3rd Party Cookies"> <span class="gdpr-nav-tab-title">3rd Party Cookies</span> </button> </li> </ul> <div class="moove-gdpr-branding-cnt"> <a href="https://wordpress.org/plugins/gdpr-cookie-compliance/" target="_blank" class='moove-gdpr-branding'>Powered by <span>GDPR Cookie Compliance</span></a> </div> <!-- .moove-gdpr-branding --> </div> <!-- .moove-gdpr-modal-left-content --> <div class="moove-gdpr-modal-right-content"> <div class="moove-gdpr-modal-title"> </div> <!-- .moove-gdpr-modal-ritle --> <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> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #privacy_overview --> <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> <!-- .gdpr-cc-form-fieldset --> </div> <!-- .gdpr-cc-form-wrap --> </div> <!-- .moove-gdpr-status-bar --> <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> <!-- .moove-gdpr-tab-main-content --> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #strict-necesarry-cookies --> <div id="third_party_cookies" class="moove-gdpr-tab-main" style="display:none"> <span class="tab-title">3rd Party Cookies</span> <div class="moove-gdpr-tab-main-content"> <p>This website uses Google Analytics to collect anonymous information such as the number of visitors to the site, and the most popular pages.</p> <p>Keeping this cookie enabled helps us to improve our website.</p> <div class="moove-gdpr-status-bar"> <div class="gdpr-cc-form-wrap"> <div class="gdpr-cc-form-fieldset"> <label class="cookie-switch" for="moove_gdpr_performance_cookies"> <span class="gdpr-sr-only">Enable or Disable Cookies</span> <input type="checkbox" aria-label="3rd Party Cookies" value="check" name="moove_gdpr_performance_cookies" id="moove_gdpr_performance_cookies" > <span class="cookie-slider cookie-round" data-text-enable="Enabled" data-text-disabled="Disabled"></span> </label> </div> <!-- .gdpr-cc-form-fieldset --> </div> <!-- .gdpr-cc-form-wrap --> </div> <!-- .moove-gdpr-status-bar --> <div class="moove-gdpr-strict-secondary-warning-message" style="margin-top: 10px; display: none;"> <p>Please enable Strictly Necessary Cookies first so that we can save your preferences!</p> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- .moove-gdpr-tab-main-content --> </div> <!-- #third_party_cookies --> </div> <!-- .moove-gdpr-tab-content --> </div> <!-- .main-modal-content --> <div class="moove-gdpr-modal-footer-content"> <div class="moove-gdpr-button-holder"> <button class="mgbutton moove-gdpr-modal-allow-all button-visible" role="button" aria-label="Enable All">Enable All</button> </div> <!-- .moove-gdpr-button-holder --> </div> <!-- .moove-gdpr-modal-footer-content --> </div> <!-- .moove-gdpr-modal-right-content --> <div class="moove-clearfix"></div> </div> <!-- .moove-gdpr-modal-content --> </div> <!-- #moove_gdpr_cookie_modal --> <!--/copyscapeskip--> <script src="//instant.page/1.2.2"></script> </body></html>