Zerion.io x Gemeos

Art Direction

Zerion holds a unique place in the Web3 ecosystem: accessible enough for beginners, yet powerful enough for advanced traders. The art direction had to capture that duality, dark, premium, tech-forward, while staying readable and engaging.

Exploring Creative Directions

We explored several visual worlds before landing on a distinctly Web3 aesthetic: deep dark backgrounds, luminous gradients evoking digital asset liquidity, precise typography, and abstract graphic elements inspired by decentralized networks.

A Strong Visual Identity

The palette, textures, and motion design were orchestrated to create a strong visual consistency between the marketing site and the product app, reinforcing user trust and the brand’s international credibility.

UX/UI Design

The Zerion.io site had to do three things at once: win over institutional investors, reassure everyday users about security, and turn visitors into active app users. Every design decision was made with those goals in mind.

Restructuring the Information Architecture

We reworked the information architecture to spotlight Zerion’s flagship features, smart wallet, DeFi portfolio tracker, multi-chain bridge, while simplifying navigation and guiding users toward the app download.

UI Kit & Design System

We built a comprehensive UI Kit: a full color palette, typographic system, component library (cards, buttons, data tables, badges), custom icons, and animation guidelines. The entire system was then implemented in Webflow to ensure consistency and scalability.

Conversions and CTA

We designed and placed the call-to-action elements to maximize app downloads and wallet connections, with clearly prioritized entry points based on the level of user engagement expected.

Webflow Build

Migrating zerion.io to Webflow was a major undertaking. It demanded pixel-perfect fidelity to the designs and a high technical bar: international performance, complex animations, and full ownership for the Zerion team to manage content on their own.

Technical Architecture

The build followed a carefully planned Webflow architecture: a standardized CSS class system, reusable components, and a structured CMS for product pages, the blog, and ongoing updates. Every section was built to stay editable without risking the layout.

Animations & interactions

Scroll animations, page transitions, and micro-interactions were built natively in Webflow Interactions, faithfully recreating the effects defined in the designs while keeping performance sharp.

Testing & launch

A multi-browser, multi-device QA phase came before launch, covering the main environments used by a global crypto audience. The site went live with zero downtime, plus full Webflow training for the Zerion team.