Jim is available for hire
Hire JimJim Drury
Verified Expert in Engineering
Software Developer
Manchester, United Kingdom
Toptal member since August 5, 2021
Bio
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
- CSS3 - 10 years
- Angular - 5 years
- Storybook - 4 years
- React - 3 years
- Node.js - 3 years
- Angular Universal - 3 years
- Bootstrap 4 - 1 year
- Next.js - 1 year
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
Head of Front-end Technology
2022 - PRESENT
Virgin Media
- Developed a new multi-brand design system supporting Angular and React natively to a WCAG 2 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 a fully integrated release/rollback platform and new pipelines running 98% faster.
- Worked on developing an Angular Universal SEO application integrated with Strapi CMS.
- Built landing pages for an in-person recruitment event, integrating them into SharePoint.
- Improved the SEO performance of Virginmedia.com, O2.co.uk, and Virginmediao2.co.uk by introducing Storyblok CMS and integrating it with Next.js.
- Delivered multi-million-pound projects to deliver year-on-year opex reductions.
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, Web UI
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, Web UI, Salesforce
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, Web UI
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, Web UI
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, Web UI
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
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
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
Paradigms
REST, UI Design, Responsive Web Design (RWD), UX Design
Platforms
Contentful, WordPress, Salesforce, Amazon Alexa, AWS Lambda, WooCommerce, Amazon Web Services (AWS)
Storage
MySQL, Google Cloud, Google Bucket
Other
Storybook, Pixel Perfect, Ajax, Landing Pages, User Interface (UI), Front-end, Landing Page Design, Clean Design, Mobile First, Responsiveness, Web UX, Web UI, Bootstrap 4, Prismic, SSL Certificates, SOAP, User Experience (UX), Lottie, Design, Responsive UI, SSL, SSL Configurations, System Design, Google Cloud Functions, Strapi
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring