Angela Hanshaw

Front-End Developer

Agency Work

ABD homepage

Automated Business Designs

Platform: Wordpress
Role: Front-End Development
Date: 2020

Designed for a staffing software company, this website includes extensive use of animation to keep visitors engaged, including an animated splash screen and sliding decorative elements. I created all of the HTML, CSS, and JavaScript, then worked with back-end engineers for implementation into Wordpress.

Lane Venture homepage

Lane Venture

Platform: Custom CMS
Role: Front-End Development
Date: 2019

I worked with an external back-end development team to create this marketing website. I supplied all HTML/CSS files and created all the interactive JavaScript elements, including the carousels, swatch modals, and product look customization toggles.

Keratin Complex consumer site homepage

Keratin Complex

Platform: Craft CMS/Shopify
Role: Front-End Development
Date: 2019

Built in Craft CMS, with Shopify integration to handle checkout, this ecommerce site was developed to sell the company’s consumer and professional products. I used vanilla JavaScript and PostCSS to build the site, along with JSON to sort and display the many hair colors available on the professional side.

Elevate homepage

Elevate

Platform: Statamic
Role: Development, Design
Date: 2018

I created all Statamic templates and the CSS for this agency website. Highlights include a show-more feature on the main blog page created using JSON and JavaScript, performant images using srcset (and, of course, image optimization), and a pre-holiday planning checklist with animations created using Greensock. I also designed and built the blog pages.

Pro Bono Work

Please Stay webpate

Please Stay

Platform: HTML/CSS
Role: Development
Date: 2020

A partnership between the Born This Way Foundation, which supports the mental health of young people, and Find Your Anchor, a grassroots movement aimed at suicide prevention, awareness, and education, this site provides resources for support as well as evidence-based self-care tips. It includes a number of animated elements, including Easter egg surprises, rotating lists, and SVGs that draw visitors’ attention.

Strawdog Theatre Company homepage

Strawdog Theatre

Platform: Craft CMS
Role: Design, Development
Date: 2019

In this project, I redesigned a theater company’s previous static site, reorganizing and adding content to enhance the user experience. I also developed it in Craft CMS for easy updating. The homepage is animated on first visit to draw the user in and hint at the dynamic nature of the company’s work.

About This Site

I created this site using Vue. The work items are generated from JSON files to make adding new projects easy.

Most animations use CSS transitions, except for my otter pal, who was created with an SVG and Greensock.

The font family is either Avenir Next Variable, if your browser supports variable fonts, or Open Sans, if it doesn’t.

Hosted by Netlify.

About Me

I’ve worked in web and print design, writing, and editing, but front-end development with a focus on accessibility and good UX has always had my heart, and has been my main focus for the last eight years. In addition to the basics (HTML, CSS, and JavaScript), I have React and Vue in my toolbox, and I’ve created sites using Craft CMS, WordPress, Shopify, Opimizely/Episerver, and Umbraco.

I am currently a Senior Front-End Developer at Adage Technologies. Previously, I was a Front-End Engineer at Clique Studios and a Senior Interactive Developer at Elevate. I was also a mentor for new front-end developers at Designation (now Flatiron School) UI/UX design bootcamp.

And yes, I really, really like both otters and spectacularly bad puns.

©2025 Angela Hanshaw LinkedInGithubCodepenmail