I'm Mike, a Design Engineer based in Philadelphia specializing in motion and interactive technologies. For the last 8 years, I’ve co-run Self Aware with my wife, Jenny, where we design and develop custom websites that invert expectations.
Translated Gretel’s new brand identity to the web as part of a major digital transformation. Modular page builder powered by Sanity and an Algolia-powered search system spanning 170k+ objects, 1,000+ exhibitions, and a full events calendar. In collaboration with Gone Fishing.
Next.js Sanity Algolia GSAP
An immersive infinite canvas experience for a luxury fragrance made from wild plants, featuring a custom Three.js render pipeline with blend mode compositing and a generative guestbook that translates visitor messages into a fictional language.
Three.js Nuxt GSAP Sanity
A bold, playful portfolio site for the production duo. Implemented intricate layout transitions across page navigations. Design by No Ideas.
Nuxt GSAP Sanity
A portfolio for an architecture firm with an unconventional layout and navigation.
Nuxt GSAP Sanity
Marketing site for a DeFi protocol building next-generation liquidity infrastructure. Featuring a perlin noise gradient environment, dither mouse effect, and an experimental additive/subtractive panel-based navigation.
Nuxt Three.js GSAP Sanity
Retrospective portfolio for Hobbes, a motion design studio acquired by Duolingo. Features dynamic mad-lib style taglines with informational popovers, a rich case study builder, unique sidebar navigation, and an unconventional "Inspector" panel that gathers media and words across the site into a singular view. Design by Alright Studio.
Nuxt GSAP Sanity
Online catalogue for a precision mechanical swivel manufacturer. Algolia-powered search allows customers to quickly find specific parts, specifications, and contact information.
Nuxt Sanity Algolia GSAP
Marketing site for a privacy compliance and data governance platform. Full digital transformation merging multiple data sources into a single Sanity instance, with a robust modular page builder that unlocks flexibility for their marketing team.
Next.js GSAP Sanity
Built the frontend for a web-based version of the infamous card game used to test AI-generated cards. Developed animated gameplay rounds, emoji reactions, sound effects, and more.
React TypeScript Motion
Portfolio and studio site for Self Aware, my design and development studio. The site features an unconventional navigation menu inspired by Alexander Calder's mobiles. Hand-animated SVG path attributes and CSS 3D transforms give the experience a lively bounce and depth.
Presta Solid GSAP Sanity
Delivered a polished, performance-driven site for Ben Affleck and Matt Damon’s production company on a compressed timeline, with optimized video loading and an elevated Sanity-powered editing experience.
Presta Sanity GSAP
Developed the Institute of Design’s new website, translating COLLINS’ brand identity into a robust digital experience with a modular graphic system that dynamically masks imagery throughout the site.
WordPress Timber GSAP Algolia
E-commerce site for a science-driven skincare brand powered by hypochlorous acid, designed by Abby Muir. Scroll-driven image sequence animation on the homepage, with conversion-focused features and micro interactions throughout.
Shopify GSAP Canvas
Two sites in one for Middle Child Clubhouse and the original luncheonette. Features dynamic animation of the iconic face logo and playful interactions throughout.
11ty GSAP Sanity
Portfolio for a design studio in the music industry. Vinyl crate-inspired page transitions flow seamlessly into rich project case studies.
11ty GSAP Sanity
Marketing site for an ideas-driven real estate company in Texas. The hero features a generative particle cityscape. Quadtrees were used to generate a 2D map of buildings, which were then extruded to random heights to create dynamic 3D city skylines.
11ty Three.js GSAP Sanity
A rich marketing website for a New York whiskey distillery. Features cinematic scroll sequence on homepage, immersive editorial layouts, and an unconventional side scrolling whiskey catalogue. Design by No Ideas.
Nuxt GSAP Prismic
I'm Mike, a Design Engineer based in Philadelphia specializing in motion and interactive technologies. For the last 8 years, I’ve co-run Self Aware with my wife, Jenny, where we design and develop custom websites that invert expectations.
Translated Gretel’s new brand identity to the web as part of a major digital transformation. Modular page builder powered by Sanity and an Algolia-powered search system spanning 170k+ objects, 1,000+ exhibitions, and a full events calendar. In collaboration with Gone Fishing.
Next.js Sanity Algolia GSAP
An immersive infinite canvas experience for a luxury fragrance made from wild plants, featuring a custom Three.js render pipeline with blend mode compositing and a generative guestbook that translates visitor messages into a fictional language.
Three.js Nuxt GSAP Sanity
A bold, playful portfolio site for the production duo. Implemented intricate layout transitions across page navigations. Design by No Ideas.
Nuxt GSAP Sanity
A portfolio for an architecture firm with an unconventional layout and navigation.
Nuxt GSAP Sanity
Marketing site for a DeFi protocol building next-generation liquidity infrastructure. Featuring a perlin noise gradient environment, dither mouse effect, and an experimental additive/subtractive panel-based navigation.
Nuxt Three.js GSAP Sanity
Retrospective portfolio for Hobbes, a motion design studio acquired by Duolingo. Features dynamic mad-lib style taglines with informational popovers, a rich case study builder, unique sidebar navigation, and an unconventional "Inspector" panel that gathers media and words across the site into a singular view. Design by Alright Studio.
Nuxt GSAP Sanity
Online catalogue for a precision mechanical swivel manufacturer. Algolia-powered search allows customers to quickly find specific parts, specifications, and contact information.
Nuxt Sanity Algolia GSAP
Marketing site for a privacy compliance and data governance platform. Full digital transformation merging multiple data sources into a single Sanity instance, with a robust modular page builder that unlocks flexibility for their marketing team.
Next.js GSAP Sanity
Built the frontend for a web-based version of the infamous card game used to test AI-generated cards. Developed animated gameplay rounds, emoji reactions, sound effects, and more.
React TypeScript Motion
Portfolio and studio site for Self Aware, my design and development studio. The site features an unconventional navigation menu inspired by Alexander Calder's mobiles. Hand-animated SVG path attributes and CSS 3D transforms give the experience a lively bounce and depth.
Presta Solid GSAP Sanity
Delivered a polished, performance-driven site for Ben Affleck and Matt Damon’s production company on a compressed timeline, with optimized video loading and an elevated Sanity-powered editing experience.
Presta Sanity GSAP
Developed the Institute of Design’s new website, translating COLLINS’ brand identity into a robust digital experience with a modular graphic system that dynamically masks imagery throughout the site.
WordPress Timber GSAP Algolia
E-commerce site for a science-driven skincare brand powered by hypochlorous acid, designed by Abby Muir. Scroll-driven image sequence animation on the homepage, with conversion-focused features and micro interactions throughout.
Shopify GSAP Canvas
Two sites in one for Middle Child Clubhouse and the original luncheonette. Features dynamic animation of the iconic face logo and playful interactions throughout.
11ty GSAP Sanity
Portfolio for a design studio in the music industry. Vinyl crate-inspired page transitions flow seamlessly into rich project case studies.
11ty GSAP Sanity
Marketing site for an ideas-driven real estate company in Texas. The hero features a generative particle cityscape. Quadtrees were used to generate a 2D map of buildings, which were then extruded to random heights to create dynamic 3D city skylines.
11ty Three.js GSAP Sanity
A rich marketing website for a New York whiskey distillery. Features cinematic scroll sequence on homepage, immersive editorial layouts, and an unconventional side scrolling whiskey catalogue. Design by No Ideas.
Nuxt GSAP Prismic