Tom Ragan

👋 Hello! I'm a London-based Front-End Developer with six years commercial experience in digital marketing agencies, tech start-ups and publishing houses.

Proficient user of multiple web technologies & a fan of clean, simple design.

Résumé Codepen

See my work

Into the Stacks

Mar 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.


Tools: Sketch, HTML/CSS, Sass, BEM, Nunjucks, JSON, 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.


Tools: HTML/CSS, Sass, Handlebars, jQuery, Gulp, RWD, Bootstrap, 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.


Tools: HTML/CSS, jQuery, 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.


Tools: HTML/CSS, Sass, JavaScript/jQuery, WordPress, Gulp, Bootstrap & 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%.


Tools: 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! #noFilter.