Tagether — Page tarifs
Création d'une page tarifs interactive pour la plateforme qui transforme les clients en ambassadeurs de marque.
Stack technique
- JavaScript
- HTML
- CSS
Résultats clés
- Page tarifs claire et lisible pour les visiteurs
- Switch de formules fluide entre périodes de paiement
- Mise en production immédiate sur le site existant
Le contexte
Tagether est une plateforme spécialisée dans la transformation des clients en ambassadeurs de marque, en tirant parti des réseaux sociaux. L'agence propose plusieurs formules de services à des tarifs différents et avait besoin d'une page « Tarifs » claire et structurée pour ses visiteurs.
Le pourquoi
Les formules étaient disposées « en dur » sur le site, sans hiérarchie ni logique de navigation. Le visiteur se retrouvait perdu face à la multitude d'options, ce qui freinait la conversion.
Le comment
J'ai conçu une table de pricing interactive avec un bouton de bascule permettant de switcher entre les périodes de paiement (mensuel / annuel). Le composant affiche dynamiquement les bonnes formules et les bons tarifs selon la sélection de l'utilisateur.
La stack retenue
- JavaScript Vanilla — pour la logique de bascule entre les formules, sans dépendance externe
- HTML / CSS — intégration pixel-perfect de la table de pricing
- Mise en production directe sur le site existant de Tagether
Les résultats
- Page tarifs claire et structurée, avec une hiérarchie visuelle immédiate entre les formules.
- Bascule fluide entre les méthodes de paiement, sans rechargement de page.
- Code léger en JavaScript Vanilla, intégré et mis en production rapidement.