En cliquant sur "Accepter tous les cookies", vous acceptez que des cookies soient stockés sur votre appareil afin d'améliorer la navigation sur le site, d'analyser l'utilisation du site et de contribuer à nos efforts de marketing. Consultez notre politique de confidentialité pour plus d'informations.

Refonte Webflow :

Pricing Explorer x Ouiflow

Création d'un outil permettant de trouver la prochaine stratégie de tarification pour les SaaS. Beaucoup d'automatisations qui ont permis un classement #1 sur Product Hunt !

Projet Webflow Pricing Explorer - Trouvez la formule tarifaire qui vous convient
Photo de Thomas COCHET, Product Designer chez Hyperline

Une team super compétente, efficace et à l'écoute.

Notre site internet est nickel, je recommande les yeux fermés !

Merci Ouiflow

Thomas Cochet

Product Designer chez Hyperline

L'entreprise

SaaS Pricing Explorer est un outil destiné aux fondateurs de startups SaaS (Software as a Service). L'outil vise à résoudre le problème significatif de la sous-tarification dans les startups en fournissant une bibliothèque complète de plus de 1000 pages de tarification. Cette ressource permet aux utilisateurs d'établir un cadre de tarification qui assure leur succès.

Le projet

3

pages designées

100%

optimisé SEO

+1000

pages CMS !

Notre but était de construire un outil complet agissant comme un guide complet pour la tarification SaaS, offrant des informations sur différents modèles de tarification, des métriques clés et des fourchettes de prix.

Nous avons dû repousser les limites de Webflow pour créer ce projet. Une base de données Airtable alimente la partie CMS de Webflow et de nombreux filtres permettent à l'utilisateur de trouver l'information la plus pertinente possible.

Les étapes du projet

Logo Figma en noir et blanc

Wireframes

Maquette fournie
Logo de Figma

UI Design

Maquette fournie
Logo Webflow

Dév. Webflow

7 jours

Planification du projet

  • Analyse des Besoins du Client: Notre objectif est de comprendre les besoins et les objectifs du projet pour s'assurer que le site web répondra à leurs attentes.
  • Étude de la Maquette Figma: Nous examinons la maquette Figma pour comprendre la structure, le design, les animations voulues et les fonctionnalités requises.

Développement Webflow

  • Structure du Site: Nous posons la structure de base du site (Header, Footer, Pages, etc.) dans Webflow.
  • Intégration du Design: Nous intégrons les éléments de design en respectant la maquette au pixel près.
  • Développement des Fonctionnalités: Nous ajoutons des interactions, des animations et des fonctionnalités comme des formulaires, des galeries, etc.
  • Optimisation Mobile: Nous nous assurons que le site est responsive et optimisé pour les appareils mobiles.
  • SEO Technique: Nous mettons en place des balises meta, des titres, des descriptions, des URL canoniques, etc., pour le SEO.

Test et mise en ligne

  • Tests Fonctionnels: Nous vérifions que toutes les fonctionnalités fonctionnent comme prévu.
  • Tests de Compatibilité: Nous nous assurons que le site fonctionne sur différents navigateurs et appareils.
  • Audit SEO: Nous utilisons des outils dédiés pour effectuer un audit du site.
  • Révision Client: Nous présentons le site au client pour approbation.
  • Modifications Finale: Nous mettons en place un outil permettant de faciliter les retours clients et nous apportons les dernières modifications en fonction des retours du client.
  • Déploiement: Nous mettons le site en ligne en utilisant l'hébergement de Webflow.

Les bénéfices pour le client

Grâce à notre expertise Webflow, nous avons pu créer un outil qui a été classé #1 sur Product Hunt !

Vue du site Webflow créé lors de ce projet.

LE PROJET EN IMAGES

Vue mobile du site Webflow créé lors de ce projet.
Vue plein écran du site Webflow créé lors de ce projet.
Vue plein écran du site Webflow créé lors de ce projet.

"Avec Webflow, Pricing Explorer est devenue plus qu'un outil d'analyse : c'est une solution complète qui démystifie la tarification pour les entreprises de toutes tailles."