By clicking on “Accept all cookies”, you agree that cookies may be stored on your device in order to improve site navigation, to analyze the use of the site and to contribute to our marketing efforts. Check out our privacy policy for more information.

Webflow redesign:

Pricing Explorer x Ouiflow

Creation of a tool to find the next pricing strategy for SaaS. A lot of automation, resulting in a #1 ranking on Product Hunt!

Webflow Pricing Explorer project - Find the pricing formula that s right for you
Photo by Thomas COCHET, Product Designer at Hyperline

A superbly competent, efficient and attentive team.

Our website is perfect, I recommend it with my eyes closed!

Thank you Ouiflow

Thomas Cochet

Product Designer at Hyperline

The company

SaaS Pricing Explorer is a tool designed for founders of SaaS (Software as a Service) startups. The tool aims to solve the significant problem of underpricing in startups by providing a comprehensive library of over 1,000 pricing pages. This resource enables users to establish a pricing framework that ensures their success.

The project

3

designed pages

100%

SEO optimized

+1000

cMS pages!

Our aim was to build a comprehensive tool acting as a complete guide to SaaS pricing, offering information on different pricing models, key metrics and price ranges.

We had to push the limits of Webflow to create this project: an Airtable database feeds the CMS part of Webflow, and numerous filters enable the user to find the most relevant information possible.

The stages of the project

Logo Figma en noir et blanc

Wireframes

Model supplied
Logo de Figma

UI Design

Model supplied
Logo Webflow

Dev. Webflow

7 days

Project planning

  • Customer Needs Analysis: Our aim is to understand the needs and objectives of the project to ensure that the website will meet their expectations.
  • Figma mock-up study: We examine the Figma mock-up to understand the structure, design, animations and functionality required.

Webflow development

  • Site structure: We set up the site s basic structure (Header, Footer, Pages, etc.) in Webflow.
  • Design integration: We integrate the design elements, respecting the pixel-perfect layout.
  • Functionality development: We add interactions, animations and functionalities such as forms, galleries, etc.
  • Mobile Optimization: We ensure that the site is responsive and optimized for mobile devices.
  • Technical SEO: We set up meta tags, titles, descriptions, canonical URLs, etc., for SEO purposes.

Test and go live

  • Functional testing: We check that all functionalities work as expected.
  • Compatibility testing: We make sure the site works on different browsers and devices.
  • SEO Audit: We use dedicated tools to audit the site.‍
  • Customer Review: We present the site to the customer for approval.‍
  • Final Modifications: We set up a tool to facilitate customer feedback and make final modifications based on customer feedback.‍
  • Deployment: We put the site online using Webflow hosting.

The benefits for the customer

Thanks to our Webflow expertise, we were able to create a tool that was ranked #1 on Product Hunt!

View of the Webflow site created during this project.

THE PROJECT IN PICTURES

Mobile view of the Webflow site created during this project.
Full screen view of the Webflow site created during this project.
Full screen view of the Webflow site created during this project.

"With Webflow, Pricing Explorer has become more than an analysis tool: it s a complete solution that demystifies pricing for companies of all sizes."