Webflow redesign:
Creation of a tool to find the next pricing strategy for SaaS. A lot of automation, resulting in a #1 ranking on Product Hunt!
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
designed pages
SEO optimized
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
Wireframes
UI Design
Dev. Webflow
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!
THE PROJECT IN PICTURES
"With Webflow, Pricing Explorer has become more than an analysis tool: it s a complete solution that demystifies pricing for companies of all sizes."
