Tom Watts

Front-end Web Developer from Perth,
Western Australia.

nice to meet you




Hey, I'm Tom. A web developer interested in all things front-end, always on the pursuit of improving my workfow, tooling, and learning new frameworks and libraries at any given chance.

My goal is to build intuitive and eye pleasing websites, while maintaining performance and a great user experience.

Feel free to take a look around.

recent work

Pixelchroma

Tony Romas

The iconic American resturant.

Pixelchroma

Aveling Homes

A total redesign of a renowned home builder.

Pixelchroma

Kinkalla

A friendly and fun shoe store.

Pixelchroma

WAPHA

An accessible site for Health Networks of Australia.

Pixelchroma

Thirsty Camel

One of Australia's largest Bottle Shop Chains.

Pixelchroma

Gascoyne Development Commission

Creating the climate for growth.

skills

  • HTML5/CSS3/Sass
  • Javascript/JQuery/Ajax
  • Git Version Control
  • BEM Methodology
  • Front end frameworks
  • JS Build tools
  • Chrome Dev Tools
  • WordPress
  • Intermediate PHP
  • Photoshop/Sketch

interests

  • Web Performance
  • Responsive and fluid Interfaces
  • Componentized CSS/HTML
  • Clean user experiences
  • SVG Animation
  • Efficient code
  • Playing drums
  • Skateboarding
  • Reddit
  • Consumer electronics

toolbelt

send a message

Tony Romas

Project Description

Tony Romas approached us in need of a modern and rejuvenated web presence for their Australian branch, which would invite their customers to see and experience what their restaurant has to offer.

For this project, I was tasked with building the front end of the website, and ensuring that everything not only looked great and was easy to navigate, but also to uphold a level of polish that would delight the user and invite them to explore the site further.

In order to do this, I used various subtle animations and parallax effects. With the use of a full screen video background on the Home page, I wanted to ensure that the animations and parallax effects would be unobtrusive, as not to overwhelm the user, but still serve as a pleasing aesthetic touch. The site is mobile and tablet friendly, and is tested to work great with all browsers, down to IE 9.

Project Details

Date : July 15, 2015

Skills : , WordPress, Custom Wordpress Theming, HTML5/CSS3, Jquery, Bootstrap, Photoshop, Parallax effects.

Employer : Digital Monopoly

Website
×

Cam Can

Project Description

Cam Can is a support worker company. They have hundreds of team members based around Perth who provide tailored support workers for people with various types of disabilities. Cam Can wanted a way to train their staff online so they didn't need to spend hours training each employee in person. This website is a modern and easy to use training website with Foundation 5 used as a responsive front-end framework. Utilizing the power of Formiable Forms in WordPress, I was able to create a complex multi-paged scenario based training form. The form uses calculations with custom Key-Value pairs to calculate the users results, and match the results with each user who completes the training. Results are displayed in a custom and dynamic View, where the users results are displayed in a radial CSS graph, which makes it easy for Cam Can to get the core information they need at a glance.
In the same custom view, each user's answers are displayed in a detailed answer breakdown table using conditional logic, so Cam Can can see exactly where each employee performed well or poorly.

Project Details

Date : November 20, 2014

Skills: WordPress, Wordpress Form logic and calculations, Custom views, Foundation 5.

Tags: WordPress, Foundation 5, Training, Education

Stay tuned for launch!
×

Aveling Homes

Project Description

Aveling Homes already had their website built by Digital Monopoly in 2014, however, in 2015 they decided to update all of their branding company-wide, and I was able to take on the rebuilding and rebranding of their website.

For this project I ensured a solid Git-central workflow was my priority. There was a huge amount of page layouts, components and visual elements which needed to be updated, however, a lot of their code base and their content would still need to remain the same. Using Git, I was able to create various branches/features and divide the project up into various stages which kept everything organised, and allowed me to launch the new design with a few simple merges.

Project Details

Date: June 05, 2015

Skills: WordPress, HTML5/CSS3, Git/Github, PHP, Javascript, Photoshop

Employer: Digital Monopoly

Website
×

Kinkalla

Project Description

Kinkalla is a colourful shoe store located in the Fremantle markets. They wanted an online presence that could match the aesthetic of their shoes and their physical outlet. I developed the front end of their website, which involved the use of various CSS techniques to create the unique design.

This client has unfortunately been out of contact for some time, and has not delivered enough content for us to launch the site. For now this is just a development link.

Project Details

Date: March 22, 2014

Skills: WordPress, PHP, Wordpress Custom Theming, HTML5/CSS3, Jquery, Photoshop, Parallax effects, Bootstrap

Employer: Digital Monopoly

Website
×

WAPHA

Project Description

WAPHA is an innovative organisation aiming to create a patient centred primary health care system in WA. They approached us because they wanted a website that could serve as an effective platform for them to educate Western Australians, and to further promote their cause.

It was really important to WAPHA that the website would be accessible to everyone, from people with cognitive disabilities to people suffering colour blindness. Building the website, I ensured that it met WCAG 2.0 accessibility standards through various accessibility tests, and also that it would also work in all browsers and screen sizes.

Project Details

Date: June 12, 2015

Skills: Accessibility, WordPress, PHP, Wordpress Custom Theming, HTML5/CSS3, Jquery, Photoshop, Parallax effects, Bootstrap

Employer: Digital Monopoly

Website
×

Thirsty Camel

Project Description

Thirsty Camel is a national chain of Bottle Shops. I was tasked with building the front end of their new WA region website. The new site remains true to their existing brand and style guidelines, with fresh, mobile responsive re-design of their old website.

The new site has a redesigned store locator, which I created utilizing Google Maps API and Geolocation. The site features various custom post types, including the Specials page, which allows the client to very easily manage and add in-store Specials. Each special is displayed by its taxonomy adjacent to a carousel window.

Project Details

Date: August 22, 2015

Skills: WordPress, PHP, Wordpress Custom Theming, HTML5/CSS3, Photoshop, Jquery, Bootstrap

Employer: Digital Monopoly

Website
×

Gascoyne Development Commission

Project Description

The Gascoyne Development Commission is a Western Australian Government statutory authority dedicated to the economic and social development of the Gascoyne Region.

I built the theme for this website based on the Sage starter WordPress theme, with the use of Gulp, Sass and various performance improving pipelines, I was able to make page load speeds really fast. The theme allows the GDC to easily manage and upload to hundreds of posts, documents and articles. This site meets WCAG 2.0 AA Accessibility, with fluid resizing of the pages and content, minimum 4:5:1 contrast ratios, and various other screen reader and accessibility enhancements.

Project Details

Date: September 18, 2015

Skills: WordPress, PHP, Wordpress Custom Theming, Photoshop, HTML5/CSS3, Jquery, AA Accessiblity, Gulp build process

Employer: Digital Monopoly

Website
×