Michael Boutin, Developer in Montreal, QC, Canada
Michael is available for hire
Hire Michael

Michael Boutin

Verified Expert  in Engineering

Bio

Michael stands out as an accomplished full-stack developer, having enhanced both Canadian and American big enterprises and startups. Co-founder at Concreo.io and a proud member of the Toptal community, he's transforming businesses by delivering top-tier web solutions. With an analytical mindset and an insatiable hunger for growth, Michael's sporting spirit shines through, embodying hard work, teamwork, and consistent success. Choose Michael; choose unparalleled dedication.

Portfolio

Concreo Solutions Inc.
React, Redux, MySQL, CSS, HTML, Next.js, Vercel, Vue, Nuxt.js, Svelte...
Wearesky.com
HTML5, CSS, Vue, HTML, JavaScript, REST APIs, JSON, Nuxt.js, Three.js...
Greatlink
Next.js, React, JavaScript, TypeScript, Firebase, User Authentication, Stripe...

Experience

  • Vue - 6 years
  • TypeScript - 4 years
  • Node.js - 3 years
  • Next.js - 3 years
  • Firebase - 2 years
  • Stripe - 2 years
  • React - 2 years
  • Nuxt.js - 2 years

Availability

Part-time

Preferred Environment

Vue, Firebase, Node.js, TypeScript, Nuxt.js, React, Next.js, Svelte, Front-end, Laravel

The most amazing...

...project I've helped build is Zumrails.com, a payment platform that is now powering the payments for Questrade, a prominent Canadian broker firm.

Work Experience

Co-founder and CTO

2021 - PRESENT
Concreo Solutions Inc.
  • Founded Concreo.io with a vision to provide businesses with an unparalleled web presence, leading to a substantial increase in client engagements and brand reputation.
  • Oversaw the development and deployment of state-of-the-art digital solutions, resulting in enhanced client satisfaction and business wins.
  • Championed the adoption of next-gen technologies, positioning Concreo.io as a leader in modern web development.
  • Elevated clients' digital footprints by offering services optimized for unmatched speed, scalability, security, and stability.
  • Pioneered strategies to ensure lightning-fast load times, enhancing user engagement and improving bounce rates by 20%.
  • Architected a high-availability infrastructure, achieving a 99.95% uptime, ensuring clients' websites remained accessible during peak traffic.
  • Devised a scalable platform architecture, enabling clients to expand functionalities without compromising performance.
  • Led a passionate team of experts at Concreo.io, fostering a culture of innovation, dedication, and client-centric delivery.
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, GDPR, Cookies, GitHub, Express.js, Bootstrap, GraphQL, MongoDB, Git, React Apollo, APIs, React Native, NestJS, Front-end, Vue 3, Pinia

Full-stack and 3D Developer

2022 - 2023
Wearesky.com
  • Crafted a distinct 3D-centric user interface for Wearesky.com using Nuxt.js, setting the website apart in its niche and enhancing the brand's digital presence.
  • Integrated Vue components to complement the 3D designs, delivering a cohesive and immersive user experience.
  • Deployed and sustained the platform on Vercel, ensuring optimal load speeds for the 3D-rich site.
  • Leveraged Tailwind CSS to design a visually striking layout that synergized with the website's unique 3D elements.
  • Established responsive designs, ensuring that 3D elements were rendered flawlessly across diverse screen sizes, further increasing mobile user interactions.
  • Constructed a library of reusable Vue components tailored for 3D applications, streamlining the development of future projects and features.
  • Adhered to coding best practices, ensuring a clean and efficient codebase, leading to smoother updates and maintenance cycles.
  • Collaborated closely with designers and other developers, ensuring the seamless fusion of 3D graphics and functional elements.
  • Received commendable feedback and accolades for the website's unparalleled 3D design, reinforcing wearesky.com's position as an industry innovator.
Technologies: HTML5, CSS, Vue, HTML, JavaScript, REST APIs, JSON, Nuxt.js, Three.js, Tailwind CSS, Google Analytics 4, Contentful, Headless Software, GSAP, Jira, GitHub, Git, Slack, APIs, Front-end, Vue 3

Full-stack Developer and Data Architect

2022 - 2022
Greatlink
  • Designed and built the foundational architecture for Greatlink.info, laying the groundwork for a scalable and high-performing platform tailored to the startup's unique needs.
  • Engineered a comprehensive full-stack solution, seamlessly integrating front-end and back-end components for optimal user experience and system performance.
  • Conceptualized and implemented a robust data architecture, ensuring efficient storage, retrieval, and manipulation of vast data sets.
  • Assisted a close friend in materializing his vision, taking on the challenge of crafting an MVP for Greatlink.info.
Technologies: Next.js, React, JavaScript, TypeScript, Firebase, User Authentication, Stripe, Web Scraping, UI Design, UX Design, Node.js, HTML, CSS, Web Dashboards, GitHub, Git, Cloud Firestore, Stripe API, APIs, NestJS, Front-end, Vue 3

Front-end Developer

2022 - 2022
Teamable
  • Developed and launched a streamlined user interface for Teamable.com using Next.js, enhancing user experience and site performance.
  • Integrated React components, ensuring smooth and efficient user interactions across various site features.
  • Deployed and maintained the platform on Vercel, achieving 99.9% uptime and optimizing site load times.
  • Designed visually appealing and intuitive web pages utilizing Tailwind CSS, resulting in a 20% increase in user engagement.
  • Enhanced website accessibility, ensuring compliance with Web Content Accessibility Guidelines (WCAG) and facilitating a user-friendly experience for all users, including those with disabilities.
  • Implemented responsive design principles to ensure seamless rendering and functionality across devices, boosting mobile user engagement.
  • Established a library of reusable React components, reducing development time for new features by 25%.
  • Optimized the codebase, adhering to best practices and coding standards, resulting in a 15% improvement in site performance metrics.
  • Collaborated with the design and back-end teams to ensure seamless integration of front-end functionalities.
  • Continuously refined and updated the website's aesthetic and functionalities based on user feedback and analytics.
Technologies: CSS, HTML, JavaScript, Databases, REST APIs, JSON, SQL, Google Analytics 4, Tailwind CSS, Next.js, React, Accessibility, SEO Tools, GitHub, Git, NestJS, Front-end

Front-end Developer

2021 - 2022
Grics
  • Crafted a comprehensive suite of reusable components tailored for an internal admin dashboard, enhancing development speed and ensuring UI consistency.
  • Authored robust automated tests using Jest, ensuring component reliability and streamlining quality assurance processes.
  • Seamlessly integrated and documented the components within Storybook, providing a clear and interactive component library for developers and 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
  • Refactored substantial portions of the existing codebase, rectifying previous inefficiencies and enhancing overall system performance and maintainability.
  • Navigated the intricacies of an existing NoSQL database, proficiently managing the complex user and order architecture.
  • Developed a robust and scalable back end for Takein.com, which can handle simultaneous food orders.
  • Implemented user-friendly front-end interfaces, enhancing customer experiences.
  • Integrated secure payment gateways, ensuring safe and swift transactions.
  • Collaborated with the product team to refine and iterate on features 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 Manager and Front-end Developer

2019 - 2020
Zum
  • Contributed to defining the product roadmap based on the company strategy, market research, and analytic data.
  • Defined and implemented metrics related to the product strategy.
  • Collected and analyzed qualitative and quantitative customer feedback.
  • Identified strategic opportunities or synergies across various competing initiatives.
  • Ensured the product is driving real value to our customers in a measurable way.
  • Developed the product requirements with buy-in from stakeholders.
  • Built the front end and interfaces for the application.
Technologies: Figma, Vue, Tailwind CSS, i18n, CSS, HTML, JavaScript, REST APIs, Nuxt.js, GitHub, Git, Vue SSR, Slack, APIs, Front-end, Vue 3

Product Manager

2019 - 2019
Flinks
  • Researched and analyzed the market, the users, and the roadmap for the product.
  • Led the planning of product release plans and set expectations for the delivery of new functionalities.
  • Performed an active role in mitigating impediments impacting successful team completion.
  • Ensured that the team always has an adequate amount of prior prepared tasks to work on.
  • Planned and prioritized the product features backlog and the development for the product.
  • Defined the product vision, roadmap, and growth opportunities.
  • Assessed value, developed cases, and prioritized stories, epics, and themes to ensure the products are aligned with the strategy.
  • Provided backlog management, iteration planning, and elaboration of the user stories.
Technologies: Aha!, Figma, Research, UI Research, CSS, HTML, JavaScript, Bootstrap, Git, APIs, Front-end

Business Intelligence Analyst

2017 - 2019
CGI
  • Identified and analyzed business needs and developed the reporting in Tableau and Power BI.
  • Established management reports to ensure close monitoring of key KPIs.
  • Developed scenarios and sensitivity models to recommend options for strategic initiatives and to predict the financial evolution of different accounts.
  • Responded quickly and effectively to requests of strategic significance.
Technologies: Tableau, Microsoft Power BI, Microsoft Dynamics CRM, CSS, HTML, SQL, APIs

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.com
I 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.com
I 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.

Crafting a Simple One Pager

https://www.gouletexpertisesfinancieres.ca/
The objective of this website was to create a straightforward yet thorough platform that effectively communicates the professional services offered by an expert firm specializing in commercial arbitration, business valuation, and financial quantification. The client sought a website that conveyed their services authentically, devoid of excessive marketing or sales-oriented elements.

Building the MVP

https://greatlink.info/
In today's era of social media, networking, and content creation, the importance of sharing pertinent information cannot be overstated. The aim for Greatlink was to create a straightforward MVP that facilitated web page scraping to extract URL metadata and store assets such as images for convenient accessibility.
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

Libraries/APIs

Vue, Vuex, React, REST APIs, Vue 3, Node.js, Stripe, Stripe API, Three.js, GSAP, AWS Amplify

Tools

GitHub, Git, Slack, Tableau, Microsoft Power BI, React Apollo, Aha!, Figma, Microsoft Dynamics CRM, Jira, Firebase Authentication

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

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, Portfolio Analytics, Research, UI Research, Pinia, i18n, Algorithms, Development, Analytics, Google Analytics 4, Accessibility, SEO Tools, Headless Software, SvelteKit, Strapi, Hiring, Business, GDPR, Cookies, Firebase Cloud Functions, User Authentication, Web Scraping, Web Dashboards, Storybook, UI Testing, UI Animation, Illustration, Serverless

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