Jim Drury, Developer in Manchester, United Kingdom
Jim is available for hire
Hire Jim

Jim 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, 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

BBC Children's (Cbeebies)

http://www.bbc.co.uk/cbeebies
Responsive 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/shop
The 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.uk
Barclays 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.

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, Web UI, 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, Salesforce, Amazon Alexa, AWS Lambda, WooCommerce, Amazon Web Services (AWS)

Storage

MySQL, Google Cloud, Google Bucket

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