Jim is available for hire
Hire JimJim Drury
Verified Expert in Engineering
Software Developer
Location
Manchester, United Kingdom
Toptal Member Since
August 5, 2021
Jim is a passionate front-end developer with a strong record of delivering high-quality web and hybrid applications. He's worked with award-winning agencies, SME businesses, and large enterprise-scale organizations, building applications that reach millions of daily users. At Barclays, he championed a revolutionary approach to Salesforce UI development, reducing time-to-market by an average of 50%. He prides himself on quality, service, and excellent communication.
Portfolio
Virgin Media
CSS, Figma, Angular, Angular Universal, Google Cloud, Serverless Framework...
Barclays
Angular, React, Next.js, Angular Universal, React Native, JavaScript 6...
TalkTalk
Angular, AngularJS, Amazon Alexa, AWS Lambda, REST APIs, Contentful...
Experience
Availability
Part-time
Preferred Environment
MacOS, WebStorm, GitHub, Next.js, Angular, React, CSS3, JavaScript
The most amazing...
...tool I've developed is Barclays Blueprint component library, used in over 450 applications and millions of daily users globally, accredited at WCAG 2.1 AA.
Work Experience
Lead Application Architect
2022 - PRESENT
Virgin Media
- Developed a new multi-brand design system supporting Angular and React natively to a WCAG 2.2AA standard. I championed using Figma with design tokens to translate into CSS custom properties for the web and JSON for React Native.
- Led the migration of Virginmedia.com and Virginmediao2.co.uk from AWS to GCP, with new pipelines running 98% faster and a fully integrated release/rollback platform.
- Led the development of an Angular Universal SEO application integrated with Strapi CMS.
- Developed landing pages for an in-person recruitment event, integrating them into SharePoint.
- Improved the SEO performance of legacy Virginmedia.com.
Technologies: CSS, Figma, Angular, Angular Universal, Google Cloud, Serverless Framework, React, TypeScript, Storybook, System Design, UI Design, Landing Pages, Responsive Web Design (RWD), User Experience (UX), Node.js, Google Bucket, Google Cloud Functions, Jest, Seos, Strapi, GraphQL, GitLab, Next.js, React Native, HTML, User Interface (UI), Front-end, Landing Page Design, UX Design, Clean Design, Lottie, Mobile First, Tailwind CSS, Responsiveness, Design, Web UX
UX and UI Lead Developer
2018 - 2022
Barclays
- Developed a single component library spanning five brand expressions, expressed into CSS, Angular, and React, and used in over 450 different applications and 70 channels. Accredited to a WCAG 2.1 AA standard.
- Championed a revolutionary approach to Salesforce UI development, enabling faster and better quality development without requiring specialized Salesforce UI developers. Ultimately reduced time-to-market by an average of 50%.
- Led the global initiative implementing micro frontend architecture and transitioning to Angular. Enabling applications to be developed once yet deployed in many contexts.
Technologies: Angular, React, Next.js, Angular Universal, React Native, JavaScript 6, TypeScript, PostCSS, HTML5, SCSS, Yarn Workspaces, CSS, Responsive UI, HTML, JavaScript, Pixel Perfect, Adobe Experience Design (XD), Jira, Git, REST, Node.js, Storybook, User Interface (UI), UI Design, Landing Pages, Responsive Web Design (RWD), User Experience (UX), Front-end, Landing Page Design, UX Design, Clean Design, Lottie, Mobile First, Responsiveness, Design, Web UX
Lead Application Architect
2014 - 2018
TalkTalk
- Transitioned from monolithic MVC application architecture to a micro-service-driven UI architecture.
- Developed the award winning MyTalkTalk app, which ranked within the top ten utility applications within the UK.
- Standardized the brand by delivering the TalkTalk Baseline Component Library, enabling rebranding exercises to happen within days, delivered with zero release day defects.
- Developed and architected a repair application allowing customers to resolve the top 80% of issues online.
- Developed Alexa Skills allowing customers to self-serve via their Amazon Echo devices.
- Transitioned from on-premises hosting to serverless architecture.
- Delivery of CMS technology using Contentful, reducing development efforts by 80% and delivery time for content changes by over 95%.
Technologies: Angular, AngularJS, Amazon Alexa, AWS Lambda, REST APIs, Contentful, JavaScript 6, JavaScript 5, TypeScript, PostCSS, HTML5, SCSS, CSS, Responsive UI, HTML, JavaScript, Pixel Perfect, Jira, Git, REST, GitHub, GitLab, Node.js, Angular Universal, User Interface (UI), UI Design, Landing Pages, Responsive Web Design (RWD), User Experience (UX), Front-end, Landing Page Design, UX Design, Clean Design, Lottie, Mobile First, Responsiveness, Design, Web UX
Software Developer
2013 - 2013
BBC
- Development of a custom responsive CSS grid technology meeting BBC standards.
- Developed the UI consolidating 3x CBeebies websites (mobile, tablet, desktop) into a single application used by millions of families daily.
- Migrated Children's BBC from the proprietary Glow framework to the [at the time] standard of jQuery.
- Assisted the team delivering the BBC's first AWS web application.
Technologies: CSS3, SCSS, PHP, Scala, XML, REST APIs, Responsive UI, JavaScript 6, JavaScript 5, HTML5, CSS, HTML, JavaScript, Pixel Perfect, Jira, Git, REST, jQuery, GitHub, User Interface (UI), UI Design, Landing Pages, Responsive Web Design (RWD), Front-end, Landing Page Design, UX Design, Mobile First, Responsiveness, Design, Web UX
Senior UI Developer
2012 - 2013
Q3 Internet Services (SecuraCert)
- Developed BrochureWare website based in WordPress with a WooCommerce store allowing customers to purchase SSL certificates with automatic provisioning from a variety of third-party suppliers, integrated with WorldPay.
- Developed a bespoke SSL certificate management system with customers logging in with their WordPress credentials and allowing them to generate CSRs, and provision, revoke, renew, and replace SSL certificates.
- Developed and customized SugarCRM enabling teams to manage leads. Customized for SSL certificate reselling and refreshing data based on queries against SSL domains and historical sales data. Saved over £10,000 per month in purchasing lead data.
Technologies: WordPress, WooCommerce, jQuery, CodeIgniter, PHP, MySQL, Parallels Plesk Panel, Plesk, Amazon Web Services (AWS), SSL Certificates, SSL, SSL Configurations, REST, REST APIs, Ajax, Curl Language, SOAP, SugarCRM, GitHub, User Interface (UI), UI Design, Landing Pages, Front-end, Landing Page Design, Design, Web UX
Experience
BBC Children's (Cbeebies)
http://www.bbc.co.uk/cbeebiesResponsive web application allowing children to access their favorite content, watch videos, play games and learn. The application was developed using Scala, and was one of the first BBC projects hosted within AWS.
TalkTalk MyAccount
The My Account application allows customers to log in and manage their accounts. Whether it's making a payment, viewing a bill, changing a package, or seeking repair and assistance. All servicing can be accessed from within My Account.
TalkTalk Sales
http://www.talktalk.co.uk/shopThe TalkTalk sales portal allows customers to see the latest promotional products, check local availability, and order broadband. Developed with Angular.JS using RESTful services, based from a Bootstrap 3 grid.
TalkTalk Repair
TalkTalk Repair is an industry leading diagnostic and repair application allowing customers and colleagues to perform diagnostics and automate the process of repairing the most common faults. Integrating with the Solvatio Repair Engine, PegaBPM, and Contentful CMS. I architected and developed a web application that allows users to manage existing faults and detect and manage the next steps for the top 80% of faults, removing the need to call colleagues which was a major NPS detractor.
Barclays Blueprint
https://www.barclays.co.ukBarclays Blueprint is the component library underpinning all Barclays web and hybrid applications. Starting with a single CSS codebase, being consumed through content management systems, and expressed in both Angular and React. Blueprint serves as a core tool in standardizing the Barclays and Barclaycard brands.
Skills
Languages
CSS3, JavaScript 6, JavaScript 5, TypeScript, HTML5, CSS, HTML, JavaScript, Curl Language, SCSS, CSS4, PHP, Scala, XML, GraphQL
Frameworks
Angular, Bootstrap 3+, Next.js, Angular Material, NestJS, CodeIgniter, Tailwind CSS, React Native, AngularJS, Serverless Framework, Jest
Libraries/APIs
React, jQuery, REST APIs, Node.js, RxJS, Jenkins Pipeline
Tools
GitHub, GitLab, Jira, Git, CircleCI, Angular Universal, PostCSS, Yarn Workspaces, Adobe Experience Design (XD), Parallels Plesk Panel, Plesk, SugarCRM, Figma, Seos
Paradigms
REST, UI Design, Responsive Web Design (RWD), UX Design
Other
Storybook, Pixel Perfect, Ajax, Landing Pages, User Interface (UI), Front-end, Landing Page Design, Clean Design, Mobile First, Responsiveness, Web UX, Bootstrap 4, Prismic, SSL Certificates, SOAP, User Experience (UX), Lottie, Design, Responsive UI, SSL, SSL Configurations, System Design, Google Cloud Functions, Strapi
Platforms
Contentful, WordPress, Amazon Alexa, AWS Lambda, WooCommerce, Amazon Web Services (AWS)
Storage
MySQL, Google Cloud, Google Bucket