Michael is available for hire
Hire MichaelMichael Boutin
Verified Expert in Engineering
Vue Developer
Montreal, QC, Canada
Toptal member since September 10, 2021
Bio
Michael is a product engineer who works as a forward-deployed engineer: he embeds with a client's leadership and teams, learns how the business actually runs, and turns their problems into AI-powered tools in production. With a business degree and roots as a BI consultant and business analyst, Michael led the adoption of an AI publishing workflow at ComfyUI, the $500 million generative AI platform, and owned the web app of an AI pricing platform serving 150+ hotels.
Portfolio
Comfy Organization Inc
Web Development, Front-end, Tailwind CSS, Vue, PostHog, Google Analytics, Figma...
Concreo Solutions Inc.
React, Redux, MySQL, CSS, HTML, Next.js, Vercel, Vue, Nuxt.js, Svelte...
Afi Expertise
Next.js, Sanity Studio, Tailwind CSS, Stripe, React, TypeScript, HubSpot
Experience
- Vue - 6 years
- TypeScript - 4 years
- Next.js - 3 years
- Node.js - 3 years
- React - 2 years
- Claude Code - 2 years
- Claude - 2 years
- Agentic AI - 2 years
Work Experience
Senior Front-end Developer
2026 - PRESENT
Comfy Organization Inc
- Forward-deployed with the marketing team: learned how they publish, then built the Slack-to-Claude agent pipeline around their workflow so non-engineers ship production pages.
- Proposed, designed, and drove to full adoption an AI page-creation pipeline: request a page in Slack, a Claude agent builds it, and Vercel previews plus an approval step gate production. It is now the marketing team's standard publishing tool.
- Owned the architecture decision behind it, making PayloadCMS the structural backbone so chat-created pages assemble existing structured content blocks instead of one-off code, keeping the site consistent as non-engineers ship.
- Led one developer and acted as reviewer of record: reviewed engineering and marketing-authored code daily, triaged and resolved CodeRabbit findings, and set the conventions that kept AI-assisted contributions safe to merge.
- Built and maintained features in ComfyUI's complex, high-performance web application, a platform with 4+ million users, 150,000+ daily downloads, and an ecosystem of 60,000+ community-built nodes.
Technologies: Web Development, Front-end, Tailwind CSS, Vue, PostHog, Google Analytics, Figma, Vercel, ComfyUI, Astro
Founder & Senior Product Manager
2020 - PRESENT
Concreo Solutions Inc.
- Founded and run a product engineering consultancy, delivering six client engagements end to end across edtech, HR-tech, food delivery, and creative industries, from scoping and architecture through production launch and post-launch support.
- Work in a forward-deployed model: embed with each client's leadership, map the business problem, and own delivery from prototype to production.
- Scoped, architected, built, and shipped every engagement personally, so quality is guaranteed by the person accountable for it; every project reached production with a maintainable handoff.
- Converted two clients to ongoing retainers and won repeat work through Toptal and referrals, including one client that re-engaged me directly after acquiring a previous client.
Technologies: React, Redux, MySQL, CSS, HTML, Next.js, Vercel, Vue, Nuxt.js, Svelte, SvelteKit, HTML5, Tailwind CSS, SCSS, Firebase, AWS Amplify, PostgreSQL, Accessibility, SEO Tools, Contentful, Strapi, Payload CMS, Laravel, Google Cloud Platform (GCP), Analytics, Hiring, Management, Business, Algolia, General Data Protection Regulation (GDPR), Cookies, GitHub, Express.js, Bootstrap, GraphQL, MongoDB, Git, React Apollo, APIs, React Native, NestJS, Front-end, Vue 3, Pinia, Sanity Studio, Claude Code, Agentic AI, Artificial Intelligence (AI), Full-stack, Product Management, Claude
Senior Full-stack Developer & Architect
2026 - 2026
Afi Expertise
- Rebuilt afiexpertise.com end to end for a bilingual (FR and EN) corporate training company, owning the architecture review, the choice of services, and the delivery of the new Next.js, Sanity, and Tailwind CSS platform from first commit to launch.
- Worked forward-deployed with the client: learned how AFI runs its training and enrollment operations, then shaped the platform and its integrations around that workflow.
- Integrated the Administrate training management system to power a 360+ course catalog with faceted filtering, mapping its API onto the client's enrollment workflow and engineering around the platform's limitations.
- Built in-app course checkout with Stripe, turning the site from a brochure into a transactional platform.
- Migrated content into Sanity so the content team can self-serve in both languages, and preserved and improved SEO through the migration while leaving a markedly more maintainable codebase.
- Delivered the rebuild with my own AI development workflow built on Claude Code, combining custom and existing agent skills to ship faster.
Technologies: Next.js, Sanity Studio, Tailwind CSS, Stripe, React, TypeScript, HubSpot
Lead Full-stack Developer & Product Manager
2024 - 2026
TakeUp LLC
- Owned the entire web application of an AI pricing platform managing live room rates for 150+ hotels, boutique hotels, and B&Bs: architecture, roadmap, specs, and delivery, as the sole web developer across an 18-month engagement.
- Rebuilt the product from the ground up, migrating 70 live properties and their paying users from Bubble.io to Next.js: kept the core AI and property data intact and cut over with no data-migration downtime beyond a brief DNS switch.
- Worked as the client's forward-deployed engineer: embedded with the founders and data science team, writing the specs and roadmap that turned AI rate recommendations into workflows operators trust to preview, edit, and approve.
- Built the pricing workflows in Next.js, React, shadcn/ui, and Server Actions, and connected them to Python and FastAPI services running pricing logic and AI inference, owning latency and error handling across the boundary.
- Established the engineering baseline: PostHog product analytics, Sentry error monitoring, an automated test suite, and CI that gates every deploy on passing tests.
- Implemented organization-based authentication with Clerk for multi-property access patterns across the app.
Technologies: CSS, React, Next.js, Highcharts, Data Visualization, Hospitality, Node.js, TypeScript, Clerk, Claude Code, Agentic AI, Artificial Intelligence (AI), Full-stack, Product Management, Claude
Senior Full-stack Developer
2024 - 2026
humanly.io
- Owned the marketing website of Humanly, an AI hiring platform, end to end, including its roadmap; engaged directly after Humanly acquired Teamable, a previous client.
- Embedded as the marketing team's engineering partner, building the multi-page site in Next.js, Sanity, Tailwind CSS, and shadcn/ui with a reusable component layer that shortened time-to-feature.
- Designed a Sanity content model that non-technical teammates ship with, letting marketing publish pages and copy without engineering involvement.
- Delivered polished, animated, WCAG-accessible experiences across desktop, tablet, and mobile.
Technologies: Next.js, React, Sanity Studio, Tailwind CSS, Resend, Shadcn, HTML, CSS, Accessibility, Cookies, Agentic AI, Claude
Full-stack and 3D Developer
2022 - 2024
Wearesky.com
- Designed and built a 3D-centric web experience for Wearesky.com with Nuxt.js, Three.js, and GSAP that became the brand's primary visual differentiator in the brand psychology space.
- Optimized heavy 3D assets to render smoothly across devices and screen sizes, improving mobile engagement without sacrificing the richness of the experience.
- Built a reusable Vue component library for 3D-driven layouts, streamlining the development of future pages and features.
- Deployed and maintained the platform on Vercel, keeping load times fast for a 3D-heavy site, and collaborated closely with the design team to fuse 3D graphics with functional elements.
- Received strong feedback and recognition for the site's distinctive 3D approach, reinforcing Wearesky.com's position as an innovator in its niche.
Technologies: HTML5, CSS, Vue, HTML, JavaScript, REST APIs, JSON, Nuxt.js, Three.js, Tailwind CSS, Google Analytics 4 (GA4), Contentful, Headless Software, GSAP, Jira, GitHub, Git, Slack, APIs, Front-end, Vue 3
Front-end Developer
2022 - 2024
Teamable
- Designed and shipped Teamable.com's UI in Next.js and Tailwind CSS for the venture-backed, San Francisco-based hiring platform, with WCAG-compliant accessibility and responsive performance across devices.
- Established a library of reusable React components, drawing on TailwindUI patterns, that shortened time-to-feature on every page and kept the interface consistent.
- Collaborated with the design, sales, and back-end teams to turn market insights into production-ready components, and refined the site continuously from user feedback and analytics.
- Deployed and maintained the platform on Vercel, optimizing load times and long-term maintainability; Teamable was acquired by Humanly in 2024, which then engaged me directly for its own site.
Technologies: CSS, HTML, JavaScript, Databases, REST APIs, JSON, SQL, Google Analytics 4 (GA4), Tailwind CSS, Next.js, React, Accessibility, SEO Tools, GitHub, Git, Front-end
Front-end Developer
2021 - 2022
Grics
- Built the reusable component suite for an internal admin dashboard, adopted by a team of roughly 10 developers as its component reference, speeding up development and ensuring UI consistency.
- Hardened quality with Jest test suites covering the component library, ensuring reliability and streamlining the team's quality assurance process.
- Documented the components in Storybook, providing an interactive library used by developers and non-technical stakeholders alike.
Technologies: Vue, Nuxt.js, Vuetify, JavaScript, Storybook, UI Testing, Unit Testing, Azure DevOps, GitHub, Git, Jest, Vue SSR, Front-end, Vue 3
Full-stack Developer
2020 - 2021
TakeIn
- Built the back end handling concurrent food orders at scale for Takein.com on Firebase and Node.js, including a secure Stripe payment integration for safe, fast transactions.
- Refactored the core user and order code paths of an existing NoSQL data model, measurably improving performance and long-term maintainability.
- Implemented customer-facing front-end interfaces in Nuxt.js and Vue, and iterated on features with the product team based on user feedback.
Technologies: Nuxt.js, Vue, Vuetify, Firebase, Firebase Cloud Functions, Docker, Analytics, Stripe, Node.js, TypeScript, JavaScript, GitHub, NoSQL, Vuex, Git, Cloud Firestore, Vue SSR, Stripe API, Slack, APIs, Front-end, Vue 3, Pinia
Product Owner & Front-end Developer
2020 - 2021
Zumrails
- Joined Zumrails as its fourth team member at founding stage and helped define the initial product: the first mockups and the marketing proposal that shaped its fintech payments platform.
- Contributed to the early product direction from company strategy and market research, building the front end in Vue 3, Nuxt.js, and Tailwind CSS with i18n support.
- Helped grow the team from 4 to 10 people by the time I left; Zumrails went on to raise a Series A at a $100+ million valuation in 2024.
Technologies: Figma, Vue, Tailwind CSS, i18n, CSS, HTML, JavaScript, REST APIs, Nuxt.js, GitHub, Git, Vue SSR, Slack, APIs, Front-end, Vue 3
Business Analyst & Product Owner
2019 - 2019
Flinks
- Started as a business analyst, mapping, cleaning up, and automating internal processes, which built the end-to-end understanding of the platform I later relied on as Product Owner.
- Owned the Wealth Data product, expanding Flinks' data coverage from banking to investment and wealth accounts for its financial institution and fintech customers.
- Launched the product-led growth initiative: an invitation-only platform letting customers self-onboard and start using the product without talking to a sales rep.
- Drove product vision, roadmap, release planning, and user story elaboration across both initiatives, aligning engineering, sales, and leadership stakeholders end to end.
- Researched the market, users, and competitive landscape to shape the roadmap; Flinks was acquired by the National Bank of Canada for $100 milklion in 2021.
Technologies: Aha!, Figma, Research, UI Research, CSS, HTML, JavaScript, Bootstrap, Git, APIs, Front-end
Business Intelligence Consultant
2017 - 2019
CGI
- Worked directly with CGI's executive team to build their business intelligence reporting and forecasting in Tableau and Power BI, which became the source of truth for executive KPI monitoring.
- Embedded in the business intelligence unit of a major Canadian bank, delivering reporting for the entire bank, which meant learning how complex banking processes work end to end before reporting on them.
- Designed scenario and sensitivity models to predict financial outcomes across accounts and pressure-test strategic initiatives.
- Identified and analyzed business needs with stakeholders and translated them into management reports, responding quickly to requests of strategic significance.
Technologies: Tableau, Microsoft Power BI, Microsoft Dynamics CRM, CSS, HTML, SQL, APIs
Project History
Marketing Website for Dev Agency
https://www.concreo.io/The site is more than just a digital front; it's a reflection of our dedication to offering top-tier web solutions. We emphasize the use of modern technology and promise businesses an unmatched online presence. Our site showcases our commitment to speed, security, and adaptability, all wrapped in a user-friendly design. It's not just about what we do but how we can elevate businesses in the digital world.
Marketing Website for SaaS Product
https://teamable.comI was instrumental in the development and design of a state-of-the-art website built using Next.js. My design inspiration was drawn from the sleek components of TailwindUI, and I utilized Tailwind CSS to ensure a modern and clean interface. Emphasizing clean-code practices throughout the development process, I prioritized speed and performance to guarantee a seamless user experience. The website is deployed on Vercel, and my collaboration with the DevOps team ensured a smooth deployment process. Furthermore, I worked hand-in-hand with the sales team, integrating their insights into the design of the components to align with market demands and client expectations. The culmination of these efforts resulted in a high-performing, aesthetically pleasing, and user-friendly platform.
3D Marketing Website
https://wearesky.comI developed an innovative 3D-focused website for Wearesky.com using Nuxt.js. Leveraging the capabilities of Three.js and GSAP, introducing dynamic animations and transitions. The integration of Vue components ensured a seamless blend with the 3D designs, enhancing the overall user experience. Tailwind CSS was utilized to give the site a polished and modern appearance harmonizing with the 3D elements.
Prioritizing adaptability, I crafted responsive designs to ensure our 3D elements displayed beautifully across all device types, boosting mobile interactions.
The website's smooth performance, even with its 3D richness, was achieved through deployment on Vercel. Collaborations with the design team were key, guaranteeing a site that was not only visually impressive but also fully functional. The outcome was a website that received high praise for its unique 3D approach, solidifying Wearesky.com's reputation as a pioneer in the brand psychology space.
Prioritizing adaptability, I crafted responsive designs to ensure our 3D elements displayed beautifully across all device types, boosting mobile interactions.
The website's smooth performance, even with its 3D richness, was achieved through deployment on Vercel. Collaborations with the design team were key, guaranteeing a site that was not only visually impressive but also fully functional. The outcome was a website that received high praise for its unique 3D approach, solidifying Wearesky.com's reputation as a pioneer in the brand psychology space.
Education
2012 - 2015
Bachelor's Degree in Business Administration
Laval University - Quebec, Canada
2010 - 2012
Diploma of College Studies (DCS) in Computer Science
Cégep de Sainte-Foy - Quebec, Canada
Skills
Libraries/APIs
Vue, Vuex, React, REST APIs, Vue 3, Node.js, Stripe, Stripe API, OpenAI API, Claude API, Three.js, GSAP, AWS Amplify, Highcharts
Tools
Claude, GitHub, Git, Slack, Tableau, Microsoft Power BI, Claude Code, GitHub Copilot, ChatGPT, React Apollo, Aha!, Figma, Microsoft Dynamics CRM, Jira, Firebase Authentication, Shadcn, Google Analytics, ComfyUI, Astro
Languages
JavaScript, TypeScript, HTML5, SQL, GraphQL, CSS, HTML, SCSS
Frameworks
Vuetify, Nuxt.js, Next.js, NestJS, Express.js, Bootstrap, React Native, Jest, Vue SSR, Redux, Tailwind CSS, Laravel, Svelte, Payload CMS
Platforms
Firebase, Vercel, Algolia, Contentful, Google Cloud Platform (GCP), Docker, Sanity Studio, Clerk, PostHog, HubSpot
Storage
MySQL, Databases, JSON, NoSQL, MongoDB, Cloud Firestore, PostgreSQL, Web Forms
Paradigms
Serverless Architecture, Management, UI Design, UX Design, Web UX Design, Web UI Design, Unit Testing, Azure DevOps
Other
Analysis, APIs, Front-end, Agentic AI, Full-stack, Portfolio Analytics, Research, UI Research, Pinia, Artificial Intelligence (AI), Product Management, Prompt Engineering, CodeRabbit, Forward Deployed Engineering (FDE), i18n, Algorithms, Development, Analytics, Google Analytics 4 (GA4), Accessibility, SEO Tools, Headless Software, SvelteKit, Strapi, Hiring, Business, General Data Protection Regulation (GDPR), Cookies, Firebase Cloud Functions, User Authentication, Web Scraping, Web Dashboards, Storybook, UI Testing, UI Animation, Illustration, Serverless, Resend, Data Visualization, Hospitality, Web Development
Collaboration That Works
How to Work with Toptal
Toptal matches you directly with global industry experts from our network in hours—not weeks or months.
1
Share your needs
Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2
Choose your talent
Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3
Start your risk-free talent trial
Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.
Top talent is in high demand.
Start hiring