Skip to content
Cryptnox
Web designComplete website redesign

Cryptnox

A complete website redesign project for the Cryptnox hardware wallet products website.

My role

UI/UXWeb designWordpressElementorGraphics

Company

Cryptnox SA

Country

Switzerland

Project overview

Cryptnox develops secure hardware wallets and smart card solutions for the Web3 ecosystem. I redesigned the entire website to modernize its visual identity and improve the overall browsing experience. The goal was to create a more professional, structured, and trustworthy online presence that aligns with the quality of Cryptnox's products.

The redesign covered both desktop and mobile, ensuring consistency and a clear flow for users discovering the brand and its product lineup.

My role

I handled the full redesign of the Cryptnox website, including:

Auditing the existing site to identify visual and usability issues
Designing new layouts and page templates for desktop and mobile
Defining a modern color scheme, typography system, and grid structure
Collaborating with developers to ensure accurate implementation or make adjustment directly

Challenges & goals

Challenge

  • Visual inconsistency:The previous website had cluttered pages and mixed design styles that weakened the brand's credibility.
  • Complex product presentation:Product details were not easy to follow, especially for new users unfamiliar with hardware wallets.
  • Content flow:Navigation and hierarchy were unclear, leading to friction during exploration.

Goal

  • Create structure:Redefine page layouts for better hierarchy and readability.
  • Unify the brand:Introduce a consistent color palette and visual rhythm.
  • Improve experience:Make browsing and product exploration smoother and more intuitive.
  • Enhance trust:Reflect the technical quality and reliability of Cryptnox through clean design.

Process

I began with a design audit, mapping the issues in layout and structure. After reorganizing the content and user flow, I created wireframes that simplified the navigation and grouped related content logically.

Once the layout was validated, I designed the final high fidelity pages in Figma, applying consistent visual rules across the site. Collaboration with the developers was ongoing to ensure that every visual and spacing decision translated accurately.

Image showing the old design of the Cryptnox website pages.

Image showing the old design of the Cryptnox website pages.

Image showing the new layout wireframes.

Image showing the new layout wireframes.

Image showing one of the animation assets created for the new website.

Image showing one of the animation assets created for the new website.

Design system

While working on the redesign, I created a lightweight design system for the website that included grids, type styles, colors, and reusable components such as buttons, cards, and banners. This system simplified future updates and ensured that new pages maintained the same structure and quality.

Design system image

Outcome

The new Cryptnox website feels structured, consistent, and trustworthy. It communicates a stronger sense of brand quality and helps users explore products without visual clutter.

Image showing the new Cryptnox website design.

Image showing the new Cryptnox website design.

Reflection

This project showed how a thoughtful visual system can elevate a brand's presence. It reinforced my belief that small, well-structured improvements can turn an ordinary interface into a polished, confident product experience.