Home About Me Projects Contact

JOEL HAMERSLEY

Web Developer

Portrait photo of web developer Joel Hamersley

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

SciVite is a virtual tour experience for WSU Vancouver’s Life Sciences Building, created to support recruitment and promotions. I developed the interactive horizontal-scrolling timeline, integrating dynamic transitions, multimedia content, and responsive design to enhance user engagement and accessibility.

An interactive photo gallery focused on animals in their natural 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, responsive website for a snowboard lesson company. It features smooth scroll animations, bold visuals, and an intuitive layout for exploring lessons, meeting instructors, and booking sessions. Designed with web standards in mind, it delivers a dynamic, 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.

Static poster promoting Bass Canyon music festival

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.

Logo design for AquaSteel water bottle brand

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.

Educational racecar infographic on BMW GT3 components

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

Wordmark logo for Melatonin video game software

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.

Logo design for personal gaming brand

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.

Animated infographic explaining desktop PC parts

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.

Portrait of a beautiful woman smiling outdoors
White heron with orange beak standing in a pond, reflected in the water
Marriage proposal on a beach at sunset
Man sitting on a dirt bike outdoors
Side profile of BMW M4 car
Front view of BMW M4
Interior of BMW M4 showing shifter and controls
Close-up photo of pink flower
Close-up photo of a sunflower
BMW E46 parked in front of mountains

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