Dev & Design/UX

Selected examples of development, design, & QA testing. Agency and private.

Freelance contract, Something, London

HTML/SCSS/SVG - building out pages from Sketch designs within an existing codebase with one initial page, to eventual site structure:

Freelance contract, CNN, London

Development and QA testing. On-site and remote based rolling contract for CNN Create team.

  • LG Signature: Campaign microsite for LG. Used in-house web project generator (gulp).
    SCSS/BEM/Bootstrap; ScrollMagic; plyr (html5 video); Vanilla JS & jQuery.

  • India's Energy Challenge: Campaign microsite for BP. Used Zurb Foundation CLI (webpack/gulp).
    SCSS/BEM/Zurb Foundation.
    Lottie animations and CNN gold top-bar are 3rd-party integrated assets.

  • QA testing (manual) and Jira board management for a range of Drupal-based and static sites.

Freelance contract: Bryter Digital, Canterbury

Design and Development of data dashboards and microsites.

Designs - Adobe Xd

Designs for creative industries web portal Kent Makers, and photographic and film lighting company Pro Lighting.

Design (Xd) & develop

Design and static front end Dashboard build, using AdminLTE for the Fire Door Inspection Scheme (FDIS) Diploma course.

Design (Xd) & develop

Design and static front end build for FDIS Fire Door Watch scheme.

Private freelance - self-generated work:

2019: Vue/Nuxt, PWA, Strapi headless CMS, Netify/Heroku/Git for continuous deployment.
2018: Move toward framework-less CSS-Grid and Flexbox.
pre 2018: Generally using Zurb Foundation framework and MODX CMS.

    Ski and Summer accommodation / hosting company in the French Alps; 2005 - present.
    Design, development, hosting, CMS training.
    Foundation 6 cli build; MODX CMS; CPanel hosting.

    Artist' portfolio. Foundation 6 cli build; design and layout in conjunction with the artist.
    Currently in rebuild as a PWA using Strapi cms.

    Freelance commission for audio project based on the city of Peterborough.
    Design, development, hosting.
    Howler.js audio library; Foundation 6 cli build.