Tom Ragan

👋 Hello! I'm a Toronto-based Front-End Developer with over five years commercial experience across advertising agencies, tech start-ups and publishing houses situated in London, UK.

Happy using multiple web technologies & a fan of clean, simple design.

Résumé YouTube

See more

Learning Vue JS

Aug 2018 - Present

Since moving to Canada 🇨🇦, I've been learning & documenting my progress with Vue.js. I put these videos on YouTube to see if people would be interested in learning together in this candid & unscripted format.


The idea isn't necessarily to directly teach - but instead an experiment to see if we can learn to code together using a large social media platform.


The full playlist is available here.

Into the Stacks

April 2018

This was a project for a new podcast about fantasy fiction. The hosts actively engage frequently with their audience on social media, but also required a website as a hub for their content & for people not using typical podcast applications.


I designed the logo and branding for Into the Stacks before building a static site. Data on each episode is generated from a single JSON file, and single posts are generated from Markdown files. Layout is achieved with a combination of both CSS Grid and Flexbox.


It's a very simple, minimalist build, with the goal to get users listening to the show as quickly as possible.


Used: Sketch, HTML, Sass, BEM, Flexbox/CSS Grid, Nunjucks, Gulp & more.

Cheil

Jun 2016 - May 2018

Working exclusively on the front-end for Samsung.com for both UK and Irish markets. I worked on product launches for both the Galaxy Note7 & Galaxy S8/S8+ smartphones.


I've also personalised Samsung products to display different content based on a user's journey. This is achieved with Adobe Experience Manager and Adobe Target.


Used: HTML/CSS, Sass, Handlebars, jQuery, Gulp, RWD, Bootstrap 4.x, Adobe Experience Manager & more.

Breakthrough

Jan 2016 - Jun 2016

At Breakthrough, I built a WordPress site for 'Families Against Suffering and Trauma' (FAST). The site makes use of subtle CSS3 animations, custom WordPress theming and was completed within 5 weeks.


Afterwards, I took a project working remotely for a pharmaceutical start-up in Bristol. They needed a marketing page promoting their new features and services. This page fully utilised the Bootstrap grid.


Used: HTML/CSS, JS, WordPress/PHP, Gulp, Bootstrap & more.

Factory Media

Mar 2015 - Dec 2015

Factory Media's sales team required a MediaKit.
This was built from scratch using standard web technologies, plus a JS library for the parallax functionality. Rich use of CSS animations.


Used: HTML/CSS, Sass, jQuery, WordPress, Grunt, Gulp, Bootstrap 3.x & more.

Wagstaffs

Jul 2013 - Mar 2015

One project for Wagstaffs was to build an apartment finder tool for a London & Quadrant block of flats in London. The project is built in standard web tech, and scaled to run on a large touch screen which sat in the L&Q marketing suite. Potential buyers could look through floor plans and check out amenities in the area.


This project is best viewed on a desktop browser, zoomed out to ~80-90%.


Used: HTML/CSS, jQuery, Drupal 7, Unity 3D & more.

Photography

Sometimes it's nice to take photos with this old-school 1970's film camera.
It's 100% manual & I often have no idea what I'm doing, but some shots came out well!