{"componentChunkName":"component---src-pages-entry-index-js","path":"/entry/high-impact-brand-experiences","result":{"data":{"markdownRemark":{"id":"ad0bb3dc-a822-51a3-a53c-cdaddb2639d6","frontmatter":{"entryUrl":null,"title":"High Impact Brand Experiences","tags":["React","Contentful UI Ext","AWS","Node","Angular"]},"html":"<p>Engineered high-impact interactive platforms for global enterprise brands. </p>\n<p>For Mercedes-Benz, architected a full-stack social web app leveraging Instagram and Google Maps APIs with AWS Lambda and FFmpeg to dynamically render MP4 videos from geolocated photos, backed by a DynamoDB moderation tool. </p>\n<div><span class=\"entryMedia\" thumb=\"https://res.cloudinary.com/dgjsyaqlh/video/upload/c_fill,g_auto,w_300,so_3,f_auto,q_auto/v1794237325/Portfolio%20assets/high-impact-brands/mercedes-socially-driven-campaign-demo.jpg\" full=\"https://res.cloudinary.com/dgjsyaqlh/video/upload/v1794237325/Portfolio%20assets/high-impact-brands/mercedes-socially-driven-campaign-demo.mp4\" type=\"video\">Demonstrates Instagram and Google Maps API integration running on AWS Lambda and FFmpeg to dynamically render MP4 assets and more.</span></div>\n<p>For Google, built responsive Angular interfaces inside Google's Goro framework, integrating custom Bodymovin vector animation wrappers for lightweight, high-FPS cross-device interactions.</p>\n<div><span class=\"entryMedia\" thumb=\"https://res.cloudinary.com/dgjsyaqlh/video/upload/c_fill,g_auto,w_300,so_3,f_auto,q_auto/v1794237628/Portfolio%20assets/high-impact-brands/google-privacy-demo.jpg\" full=\"https://res.cloudinary.com/dgjsyaqlh/video/upload/v1794237628/Portfolio%20assets/high-impact-brands/google-privacy-demo.mp4\" type=\"video\">Walk-through of the web page inside Google's Goro infrastructure, highlighting frame-rate optimized Bodymovin vector animations.</span></div>\n<p>F﻿or Equinox, built an audio tagging tool for Equinox, enabling trainers to upload MP3s and visually map intros, workout segments, and cooldowns. Integrated peaks.js for browser waveform visualization and built custom navigation functions to match exact UI specs. Originally a standalone site, I re-architected and embedded it as a custom Contentful UI extension to unify the CMS workflow.</p>\n<div><span class=\"entryMedia\" thumb=\"https://res.cloudinary.com/dgjsyaqlh/video/upload/c_fill,g_auto,w_300,so_18,f_auto,q_auto/v1794237331/Portfolio%20assets/high-impact-brands/equinox-running-audio-tool-demo.jpg\" full=\"https://res.cloudinary.com/dgjsyaqlh/video/upload/v1794237331/Portfolio%20assets/high-impact-brands/equinox-running-audio-tool-demo.mp4\" type=\"video\">Full walk-through of the custom React tool embedded in Contentful—featuring peaks.js waveform visualization, segment marker tagging (Intro/Workout/Cooldown), custom timeline navigation, and live JSON metadata generation for the Equinox iOS app.</span></div>"}},"pageContext":{"id":"ad0bb3dc-a822-51a3-a53c-cdaddb2639d6"}},"staticQueryHashes":[]}