Front End Developers London | Frontend Development Company

<!DOCTYPE html> <html lang="en-GB" class="no-js -loading -site-ux"> <head> <meta charset="UTF-8"> <title>Front End Developers London | Frontend Development Company</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' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <meta name="description" content="Our experienced team of frontend developers London bring designs to life with their front end development work. Find out more." /> <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/front-end-developers-london/" /> <meta property="og:locale" content="en_GB" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Front End Developers London | Frontend Development Company" /> <meta property="og:description" content="Our experienced team of frontend developers London bring designs to life with their front end development work. Find out more." /> <meta property="og:url" content="https://ux-design.agency/front-end-developers-london/" /> <meta property="og:site_name" content="UX Agency" /> <meta property="article:modified_time" content="2023-11-28T12:00:16+00:00" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@andrew.graham@plugandplaydesign.co.uk" /> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Andrew Graham"> <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/front-end-developers-london/#webpage","url":"https://ux-design.agency/front-end-developers-london/","name":"Front End Developers London | Frontend Development Company","isPartOf":{"@id":"https://ux-design.agency/#website"},"datePublished":"2019-05-16T07:46:24+00:00","dateModified":"2023-11-28T12:00:16+00:00","description":"Our experienced team of frontend developers London bring designs to life with their front end development work. Find out more.","inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://ux-design.agency/front-end-developers-london/"]}]}]}</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' /> <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/" /> <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/9365" /><link rel='shortlink' href='https://ux-design.agency/?p=9365' /> <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%2Ffront-end-developers-london%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%2Ffront-end-developers-london%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">    <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">  <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>  <script defer data-domain="ux-design.agency" src="https://plausible.io/js/script.js"></script> </head> <body class="page-template-default page page-id-9365 front-end-developers-london"> <div class="full-vh" id="full-vh"></div> <div class="footer-foot -left -has-content"> <div class="scroll-text"> <div class="text"> <h1>Frontend developers London</h1> <p>At the Plug & Play UX Agency in London we have a range of highly experienced and skilled front-end developers London who deliver incredible UI development for our clients; typically faster and better than other options. By leveraging our experience we’re able to deliver high quality <strong>frontend development London</strong> first time; accelerating your time to market and reducing your costs.</p> <p>The process typically starts with the <a href="https://ux-design.agency/ui-design/">UI design agency</a> methodology, by collaborating with UX UI designers to ensure that the design outcomes are considered from a front-end development perspective from the start of the engagement. Once the UI designs have been approved by the client, our London based front-end developers are then able to deliver the front-end development in a range of JavaScript frameworks such as <a href="https://www.plugandplaydesign.co.uk/vue-js-development-agency/">Vue.JS</a>, <a href="https://www.plugandplaydesign.co.uk/angular-js-development-company/">Angular</a> and <a href="https://www.plugandplaydesign.co.uk/react-js-development-company/">React</a>.</p> <h2>Frontend development company London</h2> <p>One of the key aspects that sets our front end development company in London apart from the competition is that they come from a UI design perspective. By being part of a larger <a href="https://ux-design.agency/">UX Design Agency London</a> Group, they’ve got the skills and the experience of working across a broad spectrum of digital products, clients and requirements. In this way our front end developers are able to help reduce time to market by leveraging this experience, knowing how other clients have often solved common issues.</p> <p> </p> <p> </p> <p> </p> </div> </div> </div>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MH2XVS9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <div class="container-fluid" id="wrapper"> <main id="content"> <div id="page-9365" class="post-9365 page type-page status-publish hentry front-end-developers-london 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" 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">Front end development </h2> <h2 class="heading heading1">High quality front end user interface development, rapidly delivered. </h2> </div> </div> </section> </div> </div> </div> </div>  <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">  <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/ui-design/smartr365/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '12%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201000%201141'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/11/Smartr-Homepage-1.jpeg" alt="" height="1141" width="1000" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Legal & General</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>Angular development to secure funding for Fintech platform</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Angular.js Development</div> <div class="tag">Web App</div> <div class="tag">CRM</div> <div class="tag">UI & UX Design</div> <div class="tag">Fintech</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://ux-design.agency/ui-design/myoptique/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '6%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%201353'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/06/My-Optique-Homepage.jpg" alt="ux design and react development" height="1353" width="1200" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>My Optique Group</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>React development and UX & UI design for retail call centre</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">React.js Development</div> <div class="tag">Web App</div> <div class="tag">CRM</div> <div class="tag">UI & UX Design</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://ux-design.agency/ui-design/national-zakat-foundation/" 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%201000%201137'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2020/03/NZF-Menu@2x.jpg" alt="" height="1137" width="1000" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>National Zakat Foundation</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>An optimised donation flow for a UK charity</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Vue.js Development</div> <div class="tag">Laravel Development</div> <div class="tag">Web App</div> <div class="tag">UI & UX Development</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://ux-design.agency/ui-design/atr/" class="inner" data-scrollax-parent="true"> <div class="image-container"> <div data-scrollax="properties: { 'translateY': '6%' }"> <img class="image" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201700%201918'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/06/ATR-Banner-1.jpg" alt="ux design agency work" height="1918" width="1700" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>Africa Travel Resource</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>A web app for the travel industry</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Vue.js Development</div> <div class="tag">Laravel Development</div> <div class="tag">Web App</div> <div class="tag">UI & UX Design</div> </div> </div> </a> </div> </div> </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 -collage -image_collage1 " 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%20600%20583'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/05/PlugandPlay2019-London2308@2x.jpg" alt="potted plant" height="583" width="600" /> <img class="image scroll-reveal-collage image_1" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%201090'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/05/Mask-Group-807@2x.jpg" alt="new UI design being built" height="1090" width="800" /> </div> </section> </div> <div class="col-xs-12 col-right-side col-sm-6 equalise"> <section class="component component-text " style=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <h2 class="heading2">Many of our clients have development resource in-house. However, with skill sets often more focused on back-end, and with internal competing priorities, they find that our expert front-end development team can deliver high quality, faster.</h2> <p>We can deliver the heavy lifting of your front-end, and collaborate with your internal development team to ensure knowledge transfer throughout the process.</p> <p>If required your team can work on-site at our offices to collaborate with our developers. This works well where pair-programming and agile delivery methodologies are used.</p> </div> </div> </section> </div> </div> </div> </div>  <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"> <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/PlugandPlay20191167@2x-1.jpg"> </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=""> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>The first part of an engagement is on-boarding, which is a collaborative mix of us asking the right questions, and you providing us with documentation and the access we need.</p> <p>We work with a wide range of organisations, Technical Directors, Lead Developers and Development Teams. This experience has made us highly adaptable; able to adopt your working practices, tools and methods.</p> <h2 class="heading9">Often discussed:</h2> <ul> <li>Your existing system and any APIs</li> <li>Technology selection</li> <li>Working practices, tools and methodologies</li> <li>Non-functional requirements</li> <li>Acceptance criteria</li> <li>Knowledge transfer</li> </ul> </div> </div> </section> </div> </div> </div> </div>  <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"> <section class="component component-text -testimonial2 bg-colour-base-grey text-dark" style=""> <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%20364%20364'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/05/Mask-Group-792.png" alt="Conor Murphy" height="364" width="364" /> </div> </div> <blockquote class="quote-container"> <div class="heading2 content" data-pnp-animate="fadeIn"> <p>“Plug & Play really got to grips with our complex financial products, processes and users – highly recommended”</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%20364%20364'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/05/Mask-Group-792.png" alt="Conor Murphy" height="364" width="364" /> </div> <div class="author-name" data-pnp-animate="fadeIn"> <p><a class="linkedin" href="https://www.linkedin.com/in/conormurphy1/" target="_blank" rel="noopener">Conor Murphy, CEO, Smartr365</a></p> </div> </div> </blockquote> </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: 20%;padding-bottom: 0%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>Our senior developers collaborate with the design team from the beginning of the project; providing technical leadership. In doing so, our UX team produce designs that embrace interaction aesthetic, load time and any technical considerations at the start; resulting in a product that is a seamless unification of visual design and interaction.</p> <p>Once the designs and technical approach have been confirmed, a senior developer from our team will lead the front-end development. By adopting your internal working practices, tools and methods we remain closely aligned throughout the project.</p> </div> </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 row component component-image-grid " style=""> <div class="image_grid_logos images -images-col-5"> <div class="image-container bg-colour-base-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/2019/05/Image-319.svg" alt="HTML5" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Image-320.svg" alt="CSS3" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Image-321.svg" alt="SASS" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Image-322.svg" alt="Angular" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5912.svg" alt="JQuery" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5913.svg" alt="Bootstrap" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Image-323.svg" alt="Git" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5914.svg" alt="Swagger" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5915.svg" alt="Grunt" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5916.svg" alt="Jenkins" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5917.svg" alt="" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5918.svg" alt="Laravel & Laravel Nova" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5919.svg" alt="React" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5920.svg" alt="Native Script" height="0" width="0" /> </div> <div class="image-container bg-colour-base-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/2019/05/Group-5921.svg" alt="Vue" height="0" width="0" /> </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 text-dark" style=" padding-top: 0%;padding-bottom: 20%;"> <div class="inner"> <div class="content" data-pnp-animate-inner="fadeInAuto" data-pnp-animation-delay=".4s"> <p>Our dedicated quality assurance team work closely with our developers to cross-browser and device test all of our work to your specifications and acceptance criteria. </p> <p>If you have dedicated testing or devops teams in-house we can also collaborate with them on automation testing, continuous data and continuous integration. </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-text -title text-dark" style=" background-color: #ffffff;padding-top: 9%;padding-bottom: 4%;"> <div class="inner"> <h2 class="heading1" data-pnp-animate="fadeInLeft"> User Interface and User Experience Case Studies </h2> </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 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://ux-design.agency/ui-design/sirota/" 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%201694%201930'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2021/11/Group-7213@2x.jpeg" 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>Mercer – Sirota</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>UX Design and angular.js development for a survey platform</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">Angular.js Development</div> <div class="tag">Web App</div> <div class="tag">UX & UI Design</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://ux-design.agency/ui-design/myoptique/" 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%201706%201924'%3E%3C/svg%3E" data-src="https://ux-design.agency/wp-content/uploads/2019/05/Mask-Group-823@2x.jpg" alt="working on a customers order dashboard" height="1924" width="1706" data-pnp-animate='fadeInSlow'/> </div> </div> <div class="content-container"> <div class="heading heading3" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".2s"> <p>MyOptique Group</p> </div> <div class="content" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".4s"> <p>React.js front-end development for a new user interface</p> </div> <div class="tag-list" data-pnp-animate="fadeInBottom" data-pnp-animation-delay=".6s"> <div class="tag">React.js Development</div> <div class="tag">UX & UI Design</div> <div class="tag">Web App</div> <div class="tag">CRM</div> </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">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="0bc20b8cb1" 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_295886" class="accept_gdpr" value="1"> <label for="gdpr_295886"> 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="0bc20b8cb1"/> <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#6e091b07020a08011c0a2e1e021b090f000a1e020f170a0b1d070900400d01401b05"><span class="__cf_email__" data-cfemail="0364766a6f67656c716743736f7664626d67736f627a6766706a646d2d606c2d7668">[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#5e3231303a31301e2e322b393f303a2e323f273a3b2d373930703d31702b35"><span class="__cf_email__" data-cfemail="ef8380818b8081af9f839a888e818b9f838e968b8a9c868881c18c80c19a84">[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#e1928e898ea1918d9486808f85918d809885849288868fcf828ecf948a"><span class="__cf_email__" data-cfemail="14677b7c7b5464786173757a706478756d7071677d737a3a777b3a617f">[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> <a class="btn -dark -start-project" data-pnp-modal href="/contact/"><span>Get in touch</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="0bc20b8cb1" 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_929176" class="accept_gdpr" value="1"> <label for="gdpr_929176"> 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="0bc20b8cb1"/> <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>       </ul> <footer class="nav-footer content-grey f18">    <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#cca4a9a0a0a38cb9b4e1a8a9bfa5aba2e2adaba9a2afb5"> <span class="__cf_email__" data-cfemail="d3bbb6bfbfbc93a6abfeb7b6a0bab4bdfdb2b4b6bdb0aa">[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 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"> <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 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>             <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>  <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>  </div>  </div>  </aside>   <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":"9365","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>   <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>  <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>  </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 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>  </div>  </div>  <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>  </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" role="button" aria-label="Enable All">Enable All</button> </div>  </div>  </div>  <div class="moove-clearfix"></div> </div>  </div>   <script src="//instant.page/1.2.2"></script> </body></html>

CINXE.COM

Front End Developers London | Frontend Development Company