Refonte Webflow :

Le projet a consisté à effectuer une refonte complète du site web depuis Squarespace vers Webflow.
Il a également fallu couper le projet en 2 sites web distincts afin de présenter les 2 projets d'Arianee : Arianee SaaS solutions (Arianee.com) et l'association Arianee (Arianee.org)
Les enjeux étaient les suivants :

• imaginer une nouvelle orientation de design plus moderne et en ligne avec la nouvelle charte graphique
• créer des pages immersives en incluant des éléments 3D (exemple de la page Multichain Web3 Wallet)
• ajouter une fonctionnalité de Token Gated avec accès au contenu de la page uniquement en connectant un wallet et en vérifiant que l'utilisateur possède le bon NFT
• rendre les équipes Arianee autonomes dans la gestion de leur nouveau site sur Webflow
• utiliser au maximum la fonctionnalité de collections dynamiques sur Webflow (pas moins de 20 collections utilisées !)
• ajouter des descriptions détaillées de chaque solution qui fournissent suffisamment d'informations pour aider les visiteurs à comprendre ce qui est proposé
• créer une navigation intuitive et facile à utiliser, avec des menus déroulants qui permettent un accès rapide aux différentes sections du site
• intégrer un module multilingue avec Weglot
• travailler le référencement naturel en ajoutant notre expertise technique SEO

Recherche et d'Atelier UI/UX

• Identification des personas : Nous définissons les personas pour comprendre les besoins et les comportements des utilisateurs cibles.
• Atelier UI/UX : Nous organisons un atelier avec les parties prenantes pour discuter des objectifs, des fonctionnalités et des flux utilisateur.
• Analyse concurrentielle : Nous étudions les sites Web concurrents pour identifier les meilleures pratiques et les opportunités.

Arborescence et de Wireframing

• Création de l'arborescence : Nous établissons une arborescence du site pour définir la structure et l'organisation des informations.
• Wireframing : Nous créons des wireframes basiques pour chaque page, en nous basant sur l'arborescence.

Orientations de Design et Webdesign sur Figma

• Moodboard : Nous créons un moodboard pour définir l'ambiance et le style visuel du site.
• Palette de couleurs et Typographie : Nous choisissons une palette de couleurs et une typographie qui correspondent à l'identité de la marque.‍
• Design de la maquette : Nous utilisons Figma pour créer des maquettes haute fidélité en nous basant sur les wireframes et les orientations de design.‍
• Validation client : Nous présentons les maquettes au client pour validation et ajustements.

Développement sur Webflow

• Structure du site : Nous établissons la structure de base du site 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, etc.
• Optimisation mobile : Nous nous assurons que le site est responsive.
• SEO technique : Nous mettons en place des éléments pour le SEO.

Tests et mise en ligne

• Tests fonctionnels et de compatibilité : Nous vérifions que tout fonctionne comme prévu sur différents navigateurs et appareils.
• Audit  : Nous effectuons un audit détaillé du site.‍
• Révision client : Nous mettons en place un outil permet de collecter les retours client facilement.‍
• Modifications finales : Nous apportons les dernières modifications.‍
• Déploiement : Nous mettons le site en ligne.

Phase de Maintenance

• Suivi et analyse : Nous utilisons des outils d'analyse pour suivre les performances du site.
• Support et mises à jour : Nous apportons des mises à jour régulières en fonction des besoins du client et des performances du site.