Webflow redesign:

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

• imagine a new, more modern design direction in line with the new graphic charter
• create immersive pages including 3D elements (example of the Multichain Web3 Wallet page)
• add Token Gated functionality, with access to page content only by connecting a wallet and verifying that the user has the right NFT
• make Arianee teams autonomous in managing their new site on Webflow
• make maximum use of Webflow s dynamic collections functionality (no fewer than 20 collections in use!)
• add detailed descriptions of each solution, providing enough information to help visitors understand what s on offer
• create intuitive, easy-to-use navigation, with drop-down menus providing rapid access to the various sections of the site
• integrate a multilingual module with Weglot
• work on natural referencing by adding our technical SEO expertise

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.