courtier rive nord

Design et programmation d’une landing page avec Next JS

Courtier Rive Nord est une entreprise de génération de leads qui génère des prospects grâce à des campagnes Google Ads et un landing page. Ainsi, le landing page de Courtier Rive Nord ce devait d’accomplir deux choses : être extrêmement rapide et convertir le plus possible. C’est avec ces objectifs en tête que l’équipe de TechGuys c’est lancé dans la programmation d’une nouvelle landing page plus performante et d’un formulaire interactif.

Expertise

React, Next JS, Design

Plateforme

Vercel, Figma, Sanity

Délivrable

Landing Page et CMS

Next JS

Vercel

Sanity

Application web

React js

sql

php

Fonctionnalités principales

Design épuré

Création d’une maquette Figma pour arriver à un design épuré et professionnel toute en conservant les couleurs de l’entreprise.

Formulaire intéractif

Pour améliorer l’engagement et la conversion, un formulaire interactif et en plusieurs étapes a été programmé. Le formulaire comporte des animations et est extrêmement rapide afin de garder l’utilisateur engagé.

Fonctionnalités principales

CMS Moderne

Le site web comprend une section blog et devait donc disposer d'un CMS pour faciliter le travail des auteurs. Le CMS Sanity a donc été utilisé, car il offre une expérience simple et rapide.

Rapidité

Construit avec Next JS, la page web est rapide  comme l’éclair. Les scores Page Speed Insight et GT Metrix parlent d’eux-même avec des résultats respectifs de 99 et 97.

Situation initial

Le landing page de Courtier Rive Nord avait été construite à l’aide de WordPress et Elementor. Deux outils qui ne sont pas nécessairement mauvais, mais qui ne sont pas optimisés pour la performance que Courtier Rive Nord avait besoin pour optimiser les résultats de ses campagnes Google Ads. La page n’était également pas construit de façon à maximiser la conversion, en effet le formulaire n’était pas en plusieurs étapes et les utilisateurs qui se rendaient jusqu’au bout étaient peu nombreux.

Solutions

- Programmer une page à l’aide d’une technologie web plus performante : Next JS.

- Utiliser un serveur d’hébergement plus rapide : Vercel.

- Construire un formulaire dynamique et engageant.

En effet, Next JS et Vercel ont permis de faire passé les scores de performance de 60 à 99, ce qui a un impact direct sur les résultats Google Ads car Google va prioriser les pages plus rapides.  De plus le formulaire interactif a fait augmenter le taux de conversion, le nombre de personnes qui commences le formulaire et se rendent jusqu’au bout.

Résultat

La page d’atterrissage de Courtier Rive Nord est aujourd’hui plus épurée et plus performante que jamais. En plus de tout cela, le nombre de leads généré par celle-ci n’a jamais été aussi élevé. Notre client chez Courtier Rive Nord a également la liberté d’ajouter des articles de blogues en toute simplicité avec l’expérience du CMS Sanity.

Témoignage

Maxime Parent

Chargé de projet

“ Le nombre de conversions généré par la nouvelle page a drastiquement augmenté en comparaison avec notre ancienne landing page. Les conversions ont presque doublé.“

“ L'équipe de TechGuys a travaillé de très près avec notre équipe pour bien comprendre comment PowerSkating-JR fonctionne au jour le jour. Ils ont bien cerné nos besoins et ont construit une application qui améliorait réellement la vie des employés. “

“ L'équipe de TechGuys a travaillé de très près avec notre équipe pour bien comprendre comment PowerSkating-JR fonctionne au jour le jour. Ils ont bien cerné nos besoins et ont construit une application qui améliorait réellement la vie des employés. “