Welcome! I’m Heather Hudgeon a UX/UI Designer & Developer:

Welcome to my Adventures in Geekery

Rubber duck illustration

Design has always been the part of this field that feels most natural to me, but I'm equally motivated by making sure the things I build work clearly and reliably. I believe thoughtful design and solid development go hand in hand, and I enjoy turning ideas into experiences that feel approachable, purposeful, and easy to navigate.

Creating user-friendly websites is central to how I work. I often ask my dad (who is in his 70s) to test what I build to make sure it's clear and usable for people with different levels of technical comfort. I especially enjoy working with HTML and CSS, where I can combine the creative and technical sides of development-in fact, every visual on this site, aside from the project screenshots and Ducky, was created entirely with CSS. I make a point of keeping up with current design and development trends while continually expanding my skill set and finding new ways to approach the things I build.

Below are a few of my favorite projects I've worked on, each one representing something a little different that I've had the chance to design, build, or figure out along the way.

My Work

Screenshot of the QuotePocket app

QuotePocket

QuotePocket is an interactive, data-driven web application that highlights my ability to build responsive, user-focused interfaces. It uses Vue.js for reactive UI development and integrates external APIs to manage and display dynamic content. The project reflects my strengths in UI/UX design and front-end development, with a focus on creating an intuitive and engaging user experience.

Vue Sass JavaScript Materialize iTunes API
Screenshot of Stage Share Hub

Stage Share Hub

This project showcases my ability to collaborate with another developer to plan, design, and build a fully functional, user-focused website. It reflects my strengths in UI/UX design, content strategy and copywriting, and front-end development, along with my ability to contribute effectively within a collaborative, team-based environment.

WordPress Custom Child Theme HTML SCSS PHP UI Design Branding
Screenshot of Capstone Museum

Capstone Museum

This project demonstrates my ability to design intuitive user interfaces and integrate with databases. It features interactive, members-only content, including a sign-in experience and gated access to dynamic cards, highlighting my ability to build engaging, user-focused functionality. The project also reflects my strengths in UI/UX design, copywriting, and front-end development, with a focus on creating cohesive digital experiences.

Want to see what’s behind the velvet rope? Click the “I Know the Password” button and log in with the username user1234 and password 01234P255word! to access the members-only section. While exploring the museum, keep an eye out for members-only cards hidden throughout the site. Give them a “knock” (click!) to reveal additional content.

WordPress PHP HTML CSS JavaSript UI Design Copywriting

Kind Words

I’ve worked with Heather on a number of projects, one of which was a website with member-portal access and payments for the restaurant industry. It required advanced programming functionality as well working closely with major brand partnerships in implementing high quality design with very little room for error.

Heather’s ability to capture requirements and build specifications from such details is unmatched. Her ability to listen deeply has allowed her to get to asking the right questions and thus solve the right problems.

Her aesthetic abilities in software design come from decades of pixel pushing. She doesn’t see the gist, she picks up on your slightest details and makes sure they come through.

Overall, working with her has always been a pleasure. Her ability to dive in deep and get serious work done while also making it joyful is something that makes her combination of knowledge work and emotional intelligence hard to match.

Ben Keating Full Stack Design Engineer

When it comes to creating user-friendly content with artfully designed layouts, Heather has understood the assignment. Her ability to seamlessly emphasize information using color, textures, and movement produces approachable and aesthetically pleasing web content.

Heather combines her technical and creative skills with effective communication, working with her clients to easily and efficiently achieve their vision. Can’t recommend enough.

Liz Becker Editor

For those of us who have a hard time navigating technology, Heather is truly a lifesaver. She brings a perfect balance of form, function, and play. Heather’s ability to fully grasp the client’s needs and desired outcome is excellent and demonstrated through her clear and accessible designs. They are professional but never boring.

From small details like color cohesion to font selection, you can tell how much care and consideration is put into her work. I often get overwhelmed with web navigation and how to organize all the content I’d like to share. Heather is great at distilling crucial components from clutter, all while preserving the integrity of content.

A fantastic designer who undoubtedly will bring any vision to its fullest potential!

Aemi Kato Artist / Musician

Let’s Connect

If something here resonated with you, whether it’s a project, an idea, or the way I approach design and development, I’d love to hear from you.

I’m open to conversations, collaborations, and opportunities to build thoughtful, user-friendly web experiences.

keyboard_arrow_up