Leading a team of five front-end developers, we developed a brand new responsive website for the Quadrus business team. In order to deliver a clean and modern look for the site, we worked closely with other internal Digital Services teams such as user experience, visual design, and project managers as well as the Quadrus business group.

As part of this project, I re-factored our Sass stylesheets to make working on future projects much quicker and more efficient. First, I separated base, brand-free styles from the existing styles. This left us with the distilled essences of all our components and basic site styling. Then, I modified the existing project's stylesheet to first inherit these shared base-styles and then modify them for the brand's needs. This approach was adopted for all sites moving forward. Executing our styles this way has made it faster to build new sites and has saved us a lot of copy and pasting.

As one of the first major projects our front-end team undertook while at London Life, we built the London Life website from the ground-up on the Adobe Experience Manager (AEM) platform. Like other projects, our team worked closely with our other internal Digital Services teams like user experience, content authoring, visual design, and project management.

Since the London Life site was our team's first major project built in Adobe Experience Manager, we carefully considered all aspects of authoring in AEM – putting our content authoring team first wherever possible. The result of this approach was well received by the organization and was used as a benchmark for building future components on our sites.

Designing for yourself is hard! Pairing my graphic and web design background, I created a colourful, medieval themed castle as part of a previous iteration of my website. It didn't make the final cut, but I still like how the castle illustration turned out. This was designed entirely within Adobe Illustrator.

More of my design work is posted on Dribbble.

One of the more recent projects our front-end team undertook while at London Life was to rebuild the GLC Asset Management Group Ltd. website. At this point, our AEM component library was beginning to mature so we were able to stretch a little bit and evaluate some newer technology. We ended up re-factoring several site components in Vue.js, including the site search and a custom audio player component which I built.

The Visual Design team wanted a specific style for the audio player which wasn't possible using the default HTML <audio> component. So, I built the new component on top of the existing audio element using other HTML elements such as ranges and buttons. It was important to use these elements because they come with good accessibility out-of-the-box.