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:

Arianee.org x Ouiflow

Find out how Ouiflow transformed Arianee.org, the Web3 protocol, with a complete redesign on Webflow and a targeted SEO strategy.

Arianee.org website presented on computer and smartphone.
Photo by Quynh Phan, Content Manager at Arianee

From start to finish, the team was professional, knowledgeable, and responsive to our needs.

They took the time to understand our vision and brought it to life in a timely and efficient manner.

Quynh Phan

Content Manager at Arianee

The company

The Arianee project association guarantees that the technology created by the founders will always be controlled, developed and improved by and for its users.

The project

7

designed pages

100%

SEO optimized

2 mois

design time

The project involved completely redesigning the website from Squarespace to Webflow.
We also had to split the project into 2 distinct websites to present Arianee s 2 projects: Arianee SaaS solutions (Arianee.com) and the Arianee association (Arianee.org).
The challenges were to

  • come up with a new, more modern design direction in line with the new graphic charter
  • make the Arianee teams autonomous in managing their new Webflow site
  • make maximum use of Webflow s dynamic collections functionality
  • add detailed descriptions of each solution, providing sufficient information to help visitors understand what s on offer
  • create intuitive, easy-to-use navigation, with drop-down menus for quick access to the various sections of the site
  • integrate a multilingual module with Weglot
  • work on natural referencing by adding our technical SEO expertise

The stages of the project

Logo Figma en noir et blanc

Wireframes

6 days
Logo de Figma

UI Design

8 days
Logo Webflow

Dev. Webflow

6 days

Research and UI/UX Workshop

  • Persona identification: We define personas to understand the needs and behaviors of target users.
  • UI/UX workshop: We organize a workshop with stakeholders to discuss objectives, functionalities and user flows.
  • Competitive analysis: We study competing websites to identify best practices and opportunities.

Tree structure and Wireframing

  • Tree design: We create a site tree to define the structure and organization of information.
  • Wireframing : We create basic wireframes for each page, based on the tree structure.

Design and Webdesign guidelines on Figma

  • Moodboard: We create a moodboard to define the mood and visual style of the site.
  • Color palette and typography: We choose a color palette and typography that match the brand s identity.‍
  • Mock-up design: We use Figma to create high-fidelity mock-ups based on wireframes and design orientations.‍
  • Customer validation: We present the mock-ups to the customer for validation and adjustments.

Webflow development

  • Site structure: We establish the basic structure of the site in Webflow.
  • Design integration: We integrate the design elements down to the pixel.
  • Functionality development: We add interactions, animations and more.
  • Mobile optimization: We ensure that the site is responsive.
  • Technical SEO: We implement elements for SEO.

Testing and launch

  • Functional and compatibility testing: We check that everything works as expected on different browsers and devices.
  • Audit: We carry out a detailed audit of the site.‍
  • Customer review: We set up a tool to collect customer feedback easily.‍
  • Final modifications: We make the final changes.‍
  • Deployment: We put the site online.

Maintenance phase

  • Monitoring and analysis: We use analysis tools to track site performance.
  • Support and updates: We provide regular updates based on customer needs and site performance.

The benefits for the customer

Arianee s teams can now easily add new content to their Webflow site , thanks to the many dynamic collections that have been created and worked on to make their use as fluid as possible. Total autonomy, allowing marketing teams to take back control of the website!

Search engine optimization (SEO ) now enables them to rank higher in search results to gain greater visibility.

The redesign gives the Webflow site a more modern, attractive look that can help attract more visitors and improve the company s image.

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.

"Thanks to Webflow, Arianee.org has become a must-have Web3 platform, redefining protocol standards for Web3 solutions."