MR

/projects
/myresonance

ReactGatsbyNetlifyCSS ModulesJAMstackNetlify CMSSlack API
MyResonance

Overview

MyResonance is an innovative workplace culture platform that enables companies to create and manage their own "Cultural Currency" - a unique reward system that connects employee recognition with charitable giving. The platform aims to help organizations build purpose-driven workplaces while making corporate giving more engaging and meaningful.

My Role

As a Frontend Developer, I designed and implemented a JAMstack-based web platform that delivers a fast, modern experience for managing workplace culture and recognition programs. I worked on creating an intuitive interface that makes complex concepts like Cultural Currency accessible and engaging for users.

Key Features / Achievements

  • Developed a three-pillar recognition system (Reward, Recognise, Donate) that connects employee achievements with charitable impact
  • Created a seamless Slack integration that allows companies to implement the Cultural Currency system within their existing workflow
  • Implemented a responsive pricing and onboarding system that scales from small teams to enterprise organizations
  • Built an interactive demonstration system that helps potential clients understand the Cultural Currency concept
  • Engineered performant, SEO-friendly landing pages that effectively communicate the platform's value proposition

Implementation Details

Core Platform Features:

  • Slack-based reward distribution system
  • Peer-to-peer recognition workflows
  • Charitable donation management
  • Real-time Cultural Currency tracking
  • Company-specific currency customization

Technical Implementation:

  • Static site generation with Gatsby for optimal performance
  • Content management through Netlify CMS for easy updates
  • Modular CSS architecture for maintainable styling
  • JAMstack architecture for security and scalability
  • Responsive design with mobile-first approach

Stack & Tools

Built using Gatsby for static site generation, with Netlify CMS providing content management capabilities. The styling system utilizes CSS Modules for component-scoped styles, while Netlify handles deployment and hosting. The JAMstack architecture ensures optimal performance and security.

Results & Outcomes

The platform successfully helps companies create more engaging workplaces by connecting employee recognition with charitable giving. The implementation of Cultural Currency has shown measurable improvements in employee engagement and satisfaction, while the Slack integration ensures high adoption rates. Companies using MyResonance report increased employee participation in corporate giving programs and stronger alignment with company values.

/screens

1_screencapture-quirky-tesla-a9ef81-netlify-app-2025-06-21-15_07_16
2_screencapture-quirky-tesla-a9ef81-netlify-app-donate-2025-06-21-15_08_21
3_screencapture-quirky-tesla-a9ef81-netlify-app-support-2025-06-21-17_18_02
screencapture-quirky-tesla-a9ef81-netlify-app-about-2025-06-21-15_08_45
screencapture-quirky-tesla-a9ef81-netlify-app-pricing-2025-06-21-15_08_33
screencapture-quirky-tesla-a9ef81-netlify-app-recognise-2025-06-21-15_08_04
screencapture-quirky-tesla-a9ef81-netlify-app-reward-2025-06-21-15_07_50