Refonte et migration du site web de Zerion.io

Lancée en 2016, Zerion est une interface de gestion de portefeuille pour la finance décentralisée (DeFi). +550 000 investisseurs peuvent gérer leurs actifs en un seul endroit et en toute sécurité grâce à leurs applications Mobile et Web !
Illustration croce
Image du projet
Sommaire
Réalisations
Intégration Webflow
UX/UI Design
outils utilisés
Guillements illustration

Contexte

Dans le cadre de son rebranding, Zerion a identifié le besoin de transposer sa nouvelle identité sur son site web afin de mieux refléter ses valeurs et son positionnement sur le marché.

Reconnaissant l'importance d'une présence en ligne dynamique et flexible, Zerion.io a opté pour une migration vers Webflow. Ce choix stratégique visait à accroître l'agilité et l'efficacité de leur site vitrine, en permettant des mises à jour rapides et des personnalisations plus fluides. Gemeos a été sélectionnée pour piloter ce projet ambitieux, en mettant l'accent sur l'innovation, la créativité et une exécution technique irréprochable.

Design dans Figma

Notre travail sur le design a été guidé par une approche collaborative et itérative, nous avons étroitement travaillé avec l'équipe de Zerion pour comprendre en profondeur leurs attentes et leurs objectifs.

Notre processus de design s'est concentré sur la création d'une interface utilisateur attrayante et intuitive, tout en respectant l'identité visuelle fraîchement établie de Zerion.

Nous avons régulièrement recueilli des retours, ce qui nous a permis d'affiner progressivement notre travail, chaque itération était l'occasion de peaufiner les détails pour mieux répondre aux attentes du client.

Cette méthode itérative a assuré une évolution constante du design, en phase avec les exigences changeantes du client.

Finalement, grâce à ce processus d'ajustements continus et de communication transparente, nous avons réussi à atteindre un résultat qui a satisfait Zerion à 100%

Intégration d'un Style guide

Une fois le design validé, nous avons pu entamer l'intégration dans Webflow

Pour chacun des projets sur lesquels nous travaillons, la 1ère étape que nous réalisons c'est toujours l'intégration du Style guide.

Il regroupe l'ensemble des éléments qui vont être réutilisés dans les différentes pages (Couleurs, Typographies, Boutons, Espacements...) et permet de maintenir une cohérence sur l'ensemble du site web.

En plus de maintenir une cohérence visuelle, le Style guide va faciliter considérablement la maintenance et la collaboration entre les différentes parties prenantes.

Implémentation du site

Deadline fixée, deadline respectée. Le site a été publié à la date souhaitée.

Notre intervention sur le projet Zerion a inclus une intégration méticuleuse sur Webflow, en respectant scrupuleusement toutes les bonnes pratiques.

En nous appuyant sur notre expertise en Webflow, nous avons assuré que chaque élément du site était non seulement esthétiquement en adéquation avec le nouveau design de Zerion, mais aussi techniquement optimisé.

Cela comprend l'optimisation des images et des animations, la mise en place d'une structure de site responsive, et l'assurance d'une navigation intuitive.

De plus, nous avons veillé à ce que la prise en main du site soit facile par l'équipe de Zerion pour leur apporter une certaine agilité.

Cette approche a permis de garantir non seulement une intégration de qualité mais aussi une maintenance simplifiée du site, donnant à Zerion la flexibilité nécessaire pour évoluer et s'adapter rapidement à l'avenir.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

+50 sites webflow réalisés

Découvrez nos autres réalisations

Nous avons désigné et développé plus de 50 sites sur Webflow
Tous nos sites sont designés et developpés avec
Coeur rouge
Stickers projet
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Image du projetIllustration hover
Découvrir
Voir toutes nos réalisations !
Illustration
Découvrir le site web
Nous utilisons les meilleurs outils

Votre site est développé avec les meilleurs outils et les meilleurs pratiques

Gemeos ne vous propose pas simplement un site web, mais une expertise sur les meilleurs outils pour vous garantir un retour sur investissement optimal. 

Figma

Pour designer votre site web sur mesure et optimiser son taux de conversion

Webflow

Pour une intégration pixel perfect et optimisée de votre site web

Client-first

Pour une organisation aux petits oignons de votre projet

Wized

Pour ajouter des fonctionnalités avancées à votre projet

Make

Pour automatiser vos fluxs de travail et vous faire gagner un max de temps