Redesign and migration of the Zerion.io website

Launched in 2016, Zerion is a portfolio management interface for decentralized finance (DeFi). +550,000 investors can manage their assets in one place and securely through their Mobile and Web applications!
Illustration croce
Image du projet
Sommaire
Réalisations
Webflow integration
UX/UI Design
outils utilisés
Guillements illustration

background

As part of its rebranding, Zerion identified the need to transpose its new identity to its website in order to better reflect its values and its positioning on the market.

Recognizing the importance of a dynamic and flexible online presence, Zerion.io opted for a migration to Webflow. This strategic choice aimed to increase the agility and efficiency of their showcase site, by allowing quick updates and smoother customizations. Gemeos was selected to manage this ambitious project, with an emphasis on innovation, creativity and flawless technical execution.

Design in Figma

Our design work was guided by a collaborative and iterative approach, and we worked closely with the Zerion team to deeply understand their expectations and goals.

Our design process focused on creating an engaging and intuitive user interface, while respecting Zerion's newly established visual identity.

We regularly collected feedback, which allowed us to gradually refine our work, each iteration was an opportunity to refine the details to better meet customer expectations.

This iterative method ensured a constant evolution of the design, in line with the changing requirements of the client.

Finally, thanks to this process of continuous adjustments and transparent communication, we managed to achieve a result that 100% satisfied Zerion

Integrating a Style Guide

Once the design was validated, we were able to start integrating into Webflow

For each of the projects we work on, the first step we carry out is always the integration of the Style Guide.

It brings together all the elements that will be reused in the various pages (Colors, Typography, Buttons, Spacings...) and makes it possible to maintain consistency throughout the website.

In addition to maintaining visual consistency, the Style Guide will greatly facilitate maintenance and collaboration between the various stakeholders.

Implementation of the site

Deadline set, deadline respected. The site was published on the desired date.

Our intervention on the Zerion project included meticulous integration on Webflow, while scrupulously respecting all best practices.

By drawing on our Webflow expertise, we ensured that each element of the site was not only aesthetically in line with Zerion's new design, but also technically optimized.

This includes optimizing images and animations, setting up a responsive site structure, and ensuring intuitive navigation.

In addition, we made sure that the Zerion team was easy to use the site to give them a certain agility.

This approach ensured not only quality integration but also simplified site maintenance, giving Zerion the flexibility to evolve and adapt quickly in the future.

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

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
We use the best tools

Your site is developed using the best tools and best practices

Gemeos doesn't just offer you a website, but expertise in the best tools to guarantee you the best possible return on your investment.

Figma

To design your custom website and optimize its conversion rate

Webflow

For pixel-perfect, optimized integration of your website

Client-first

Organizing your project to perfection

Wized

To add advanced features to your project

Make

Automate your workflows and save maximum time