Home About Me Projects Contact

JOEL HAMERSLEY

Web Developer

Portrait photo of Joel

Hi, I'm Joel Hamersley, a web developer passionate about creating dynamic, user-friendly websites with clean code. I specialize in front-end development using HTML, CSS, JavaScript, and love experimenting with design to refine user experiences. I thrive on hands-on problem-solving and enjoy pushing creative boundaries to bring ideas to life. Let’s connect and build something amazing!

Technical Skills

JavaScript
Build dynamic sites with JS, using logic, events, and DOM manipulation.
C#
Script gameplay and mechanics in Unity using C#.
HTML/CSS
Write clean HTML and style responsive layouts with modern CSS.
Responsive Design
Create flexible layouts using grid, flexbox, and media queries.
UX/UI Design
Design clean, accessible interfaces with strong visual hierarchy.
Video Editing/Camera Work
Shoot photos, edit in Lightroom, and add motion in After Effects.

Software Skills

VS Code
VS Code
GitHub
GitHub
Figma
Figma
ChatGPT
ChatGPT
Unity
Unity
Slack
Slack
Basecamp
Basecamp
Illustrator
Illustrator
After Effects
After Effects
Premiere Pro
Premiere Pro
Photoshop
Photoshop
InDesign
InDesign

Projects

An interactive photo gallery focused on animal habitats. Built with HTML, CSS Grid, and JavaScript filtering, enhanced by a dynamic Vanta.js background for added visual interest.

An interactive map made with Mapbox GL JS. Includes animated markers, popups, and custom styles using JavaScript and JSON data.

Yeti Club is a modern website for a snowboard lesson company offering private instruction, group sessions, and seasonal programs. The site features smooth scroll animations, engaging visuals, and an intuitive layout that makes it easy to explore lesson packages, meet instructors, and book sessions. Designed to reflect the energy and excitement of the slopes, Yeti Club combines bold branding with responsive design to deliver a user-friendly experience across all devices.

A single-page site focused on Elden Ring, built with HTML and CSS using flexbox for layout. The project organizes game lore, key characters, and visual assets into clear sections, styled to feel like part of an in-world archive or field report.

A weather app that updates in real time using the OpenWeather API. JavaScript controls dynamic visuals based on location and conditions.

An experimental poem where text responds to scrolling and movement. Built with JavaScript animations and creative layout techniques.

Graphic placeholder

This animated and static poster set was created to promote the Bass Canyon music festival, showcasing vibrant visuals and bold typography inspired by the energy of electronic music culture. The animated version incorporates motion graphics to enhance the impact of the design, while the static piece offers a print-friendly version with a strong visual punch. Both posters were selected for inclusion in the WSU Vancouver Student Research Gallery, recognizing their creativity, design execution, and effective communication of festival branding.

Graphic placeholder

This logo was created for AquaSteel, a sleek and sustainable metal water bottle brand. The design combines fluidity and strength by blending a stylized water droplet with bold, modern typography.

Graphic placeholder

An educational infographic explaining key racecar components using custom vector illustrations and a vertical layout.

Graphic placeholder

A glowing wordmark designed for a third-party video game software. The gradient "M" features a subtle crescent moon shape at its base, visually connecting to the name "Melatonin" and reinforcing its association with rest, night, and calm focus.

Graphic placeholder

A bold personal brand mark designed for a gamer. The central "Z" is a subtle nod to his company name, wrapped in dynamic arcs that suggest motion and energy.

Graphic placeholder

This animated infographic breaks down the internal components of a desktop PC, highlighting how parts like the GPU function and interact. The visual style blends flat illustration with glowing accent colors to give the subject a sleek, tech-forward feel. This Infographic was designed to make computer hardware more approachable.

Headshot of woman
Proposal on beach
Man sittin on dirtbike
BMW m4
BMW M4 Frontal
BMW M4 Shifter
Pink Flower
Sunflower
BMW E46

Get in Touch!

👋 Looking for a Developer?

If you're working on something cool and need a dev, I’m always open to chatting. Whether it's a job opportunity or a fun side project, I'm down to hear about it. No pressure — just shoot me a message and let’s see if it clicks.

🧃 Just wanna connect?

I’m all about meeting new people in tech and design. Whether you're another dev, a founder, or just curious about my work, feel free to say hey. I’m always up for a casual chat, swapping ideas, or just talking shop over virtual coffee.

👋 Got an idea?

If you’ve got a project or idea in mind and need someone to help build it, I’d love to hear about it. I’m into solving problems, trying out new stuff, and making things that actually work. Let’s build something cool together.

Email LinkedIn Resume