Hi, I'm Tom Doyle.
I'm a Web Developer & Graphic Designer from Los Angeles, CA. — For the last 7 years I've studied the art of blending design with code, creating forward thinking and inventive websites, designs, and experiences.
Hi, I'm Tom Doyle.
My main area of expertise is Front-End Development, creating the client-facing aspects of websites and interfaces.
Languages
- HTML (Boostrap, E-Mail)
- CSS (SASS, PostCSS, Bulma, Tailwind)
- JavaScript (ES6, Gatsby, React, jQuery)
- Ruby (Rails, Sintatra)
- PHP (WordPress, CakePHP)
Skills
- Front End Development
- Web Design
- Graphic Design
- Problem Solving
- Plugin and Theme Development
- Bug Fixing
- Responsive Design
- Mockup → HTML Translation
- Merchandise Design
Software
- Figma
- Illustrator
- Sketch
- Photoshop
- After Effects
- InDesign
- VS Code
- Git
Selected Web Projects
2020
UNITK.AI
Created for UNIT KAI in 2020
An interactive audio-responsive landing page, interacting with the page with your mouse or phones gyroscope changes the way the audio sounds in real time.
- HTML
- CSS
- JavaScript
- Web Audio API
Fluke Nukes Website
Created for Fluke Nukes in 2020
A simple landing page for St Louis based musician Fluke Nukes.
- HTML
- CSS
- JavaScript
- Figma
onlytom.online
Created for onlytom in 2020
An audio player and visualizer website built from the ground up to offer an interactive and unique place to release new remixes and edits.
- HTML
- CSS
- JavaScript
- Web Audio API
- OpenGL
- Photoshop
USA Expo Classifieds
Created for ANAMANAGUCHI in 2020
A custom craigslist-styled classifieds listing website, used to announce and hint at clues for ANAMANAGUCHI's [USA] EXPO tour.
- HTML
- CSS
- PHP
2019
ANAMANAGUCHI homepage
Created for ANAMANAGUCHI in 2019
A "90s internet" styled homepage for the band ANAMANAGUCHI, including a custom scraper to pull and display upcoming tour dates in a concise interface.
- HTML
- CSS
- JavaScript
- Bandsintown
Tears For The Beautiful Girl
Created for DZZ in 2019
An Interactive website for DZZ's "Tears for The Beautiful Girl" EP adapting elements of the original cover as well as additional photography to create interactive displacement map based visuals for every song on the release.
- HTML
- CSS
- JavaScript
- WebGL
- Web Audio API
128kbps My Love Mixtape Website
Created for Nömak in 2019
An audio visualizer website built from the ground up using the SoundCloud API, Web Audio API, and WebGL shaders. serving as the digital home for Nömak's "128kbps My Love" mixtape.
- HTML
- CSS
- JavaScript
- WebGL
- Web Audio API
128kbps my love teaser
Created for Nömak in 2019
A teaser landing page for Nömak's "128kbps my love" album, built around the concept of recreating the often humanity questioning Recaptcha interface; but presenting it as a selection of release-related links.
- HTML
- CSS
- JavaScript
- Figma
Bae Tokyo Website
Created for Bae Tokyo in 2019
A WordPress theme and design for international music & art collective Bae Tokyo.
- HTML
- CSS
- JavaScript
- PHP
- WordPress
- Illustrator
2018
SQUEEZ
Created for Shawn Wasabi in 2018
A teaser splash page for Shawn Wasabi's "SQUEEZ" music video.
- HTML
- CSS
- JavaScript
Devil Music
Created for WAVEDASH in 2018
A responsive splash page for WAVEDASH & QUEST's "Devil Music" EP.
- HTML
- CSS
- JavaScript
2017
Hundred EP
Created for Wavedash in 2017
A homepage for WAVEDASH's self released "Hundred" EP. The website was built with the SoundCloud API to offer a customized listening experience with new visual and audio updates every week leading up to the release.
- HTML
- CSS
- JavaScript
- jQuery
- PHP
- Web Audio API
- Photoshop
Drive Slow
Created for Kid Froopy in 2017
A Landing page for Kid Froopy's "Drive Slow" EP, designed around the EP's cover art.
- HTML
- CSS
- JavaScript
- Photoshop
2016
Runtime Homepage
Created for personal in 2016
A Landing page for (now defunct) mix series "RUNTIME" coordinated and designed by me in 2015-16.
- HTML
- CSS
- JavaScript
- jQuery
Selected Design Projects
(Additional and animated work available upon request)
I'm always interested in new projects, if you are interested in working together you can reach me via email at me[@]tdoyle.me. Thanks for visiting!