Next-gen Landing Pages Infrastructure, Microsite Oct. 2018 — present

Next-gen Landing Pages is an initiative to provide partner management with best-in-class tools for rapid onboarding of new partners. While the existing project requires a bespoke build per site, next-gen would instead allow for construction and content management of each page via a headless CMS and modular components.

Travel Buddy Progressive Web App

A post-booking companion with the goal of easing the stress of the car rental pick-up process. Makes use of the latest technologies to allow users to store booking vouchers offline, as well as Add to Home Screen to give a native app look and feel, all while running in the device’s browser.

Prism - Styling Framework & Design System Proprietary Project Ongoing

The Prism Styling Framework & Design System is an initiative to provide a best-in-class system to help synergise design and development functions, aiming to blur the line between when design stops and development starts and easing transition between the two, reducing friction between teams. This is accomplished by working very closely with design teams to create a standard library of known components and styles that can be called upon, at a whim, to create almost any visual representation of CarTrawler products with full confidence in their accurate representation in-browser.

In addition to this, the Framework & Design System is helping lay the groundwork for a greater push towards a wholly componentised approach providing all teams in the company with complete access to a shared component library, allowing them to mix and match from a predefined list of on-brand, fully-tested components. This approach will eventually provide incredible stability and identical core functionality, regardless of tech stack, device, or screen size.

In-play Betting Pages Dec. 2014

Paddy Power's newest In-play Betting Pages were developed as part of an initiative to create more in-house, best-in-class, products that would provide value to the company while simultaneously reducing dependencies on third-party clients. These pages use a number of new technologies such as AngularJS and WebSockets for realtime price updates.

As part of working on the core functionality of the site, I also developed the initial project structure to allow the project to scale painlessly, as well as created an extensive Gruntfile that would handle a large number of tasks that were responsible for building the source files, committing the newly-built files to Git, and automatically versioning the project according to Semantic Versioning.

Abacus CSS Framework 2016

The Abacus CSS Framework is a powerful, modular, and lightweight CSS component library built using OOCSS and BEM notation, for use across all Paddy Power sites and products. It features a powerful mobile-first grid system, incredibly flexible components and is capable of delivering the entirety of Paddy Power's online branding and style, as well as full structure and layout support for mobile-first development in just 9KiB.

The project is a slacktime project that I created to help intertwine the Web Development and Product Design teams to get them to communicate more, and help bring consistency to Paddy Power's branding and design across our entire online portfolio.

It has given designers the ability to easily update the look and feel of all Paddy Power's online products, allowing them to confidently make changes while reducing the dependency on developers to make said changes on their behalf - freeing up valuable time for other projects.