Explorations of projects I've worked on, including marketing websites, SVG animations, custom CMS integrations, a values-driven digital magazine, product marketing landing pages, and 100+ interactive HTML5 ads.
A digital magazine for mission-driven founders which uses delightful UX to support thoughtful, values-driven multimedia content. Co-developed the site and CMS from the ground up with Katia Zanotti in 3 months.
See the demos and read more: Here
Live Project: https://intheworks.helpscout.com
I walk through my iterative process of crafting web animations, this time a text animation that uses SVG, masking, and refined browser-native animation to mimic the movement of water.
See the demos and read more: Here
Live Project: https://text-mask-lp.vercel.app/attempt3
A vibrant about us page with an extensive resources section. Worked closely with design to build the about page for In the Works, which includes a delightful hero animation, a compelling grid layout, and an interactive and responsive table of resource articles.
See the demos and read more: Here
Live Project: https://intheworks.helpscout.com/about
Developed over 100+ highly interactive and responsive HTML5 ads for top brands, including Starbucks, Ford, Clinique, Kate Spade, Sephora, Kohl’s, Brooks Brothers, and more. Features include CSS, SVG, and JS animation; interactive maps; engaging games; drag-and-drop functionality; particle animation; quizzes; product carousels; microsites; and more.
See the demos and read more: Here
Contributed significantly to the Help Scout Brand Team's custom UI component library and CSS variable system, integrated a highly-custom CMS that supported over 25 content editors, and helped build a no-code Landing Page builder within the CMS for the product marketing team.
See the demos and read more: Here
Live Project: https://helpscout.com/
A Node micro-app that automates the generation of a foundational CSS utility library from Figma Design Tokens.
See the demos and read more: Here
Live Project: https://github.com/alexdhaynes/BaseTheme/