Clevor Cards
An announcement website project for the Clevor card, a child product of Cryptnox hardware wallet.
My role
Company
Clevor SA
Country
Switzerland
Project overview
This is the product announcement website for Clevor Cards, introducing an advanced smart card that combines hardware wallet security, crypto payments, and passwordless authentication in one product. It aims to present this Web3 technology clearly and confidently to crypto users and professionals in digital finance.
My role
Challenges & goals
Challenge
- •Complex message:The product combines three advanced technologies: hardware wallet, crypto debit card, and FIDO2 authentication which required clear storytelling.
- •Tone of communication:Balancing technical information with an approachable visual narrative suitable for general audiences.
- •Visual energy:Bringing a sense of innovation and momentum without making the design feel overwhelming.
Goal
- •Clarity first:Present the product's multi-technology nature in a way that anyone can understand quickly.
- •Create excitement:Build anticipation and brand recognition through strong visuals and smooth motion.
- •Show credibility:Ensure the site feels polished and premium to match the sophistication of the technology.
Process
I began by defining how the story of Clevor should unfold visually. Starting with a strong hero section that introduces the brand and quickly explains its triple-technology foundation. Each section was designed to focus on one key capability: Web3 hardware wallet, crypto debit card, and FIDO2 authentication.
Typography, spacing, and motion were refined to emphasize a sense of precision and modernity. I also worked with the development team to adjust timing, transitions, and scroll-based animations, ensuring that the experience remained smooth and immersive across devices.
Image showing some of the sections from the design.
Image showing some of the sections from the design in mobile view.
Design system
I built a modular design system to support this project, defining clear color usage, typographic scales, grid patterns, and reusable components such as icon sets, info cards, and section templates. The system made it easier to maintain visual consistency while the site grew with new content like blogs and feature updates.
Outcome
The final Clevor Cards website feels clean, futuristic, and confident. It communicates the product's value clearly, balancing technological innovation with design simplicity. The storytelling structure allows visitors to understand what makes the product unique.
Image showing the Clevor cards website design.
Reflection
This project strengthened my skills in designing for technical products. It showed how clear structure and visual hierarchy can make complex ideas easy to understand. Simplifying Web3 concepts through design helped the product communicate confidently to users.