Casper Networks Developer Portal Design
Team: Catchy Agency
Client: Casper Networks
Role: UI/UX Designer
Project Overview
To attract and retain developers by providing an unparalleled developer experience. The priority was to strengthen their existing developer resources while looking for opportunities to create new ones. The Catchy team worked with internal Casper stakeholders to identify pain points and gaps in the blockchains current position.
Portal Design Approach
I worked closely with strategy to learn from an in-depth consulting engagement that laid the foundation of what was necessary for the developer portal. We created a bespoke, built-from-scratch in collaboration with Miracle Devs. The design relief heavily on high contrast, simple UX, thoughtful color to ensure the seamless navigation and educational resource CTAs.
Portal UX
Designed with both light and dark mode in mind.
Core UI interaction and motion
Design System / Patterns
We created the Developer Portal from the ground up. Everything from high contrast type scale to simple interactive states. We leveraged the Casper Networks brand to use vibrant color to help navigate through tiles, cards, buttons, etc. We created a comprehensive library of modules and components easily scaled for every screen from monitor to mobile device.
Navigation Search Bar Solution
We needed a search bar flexible enough to search both technical documentation (docusaurus) and the primary portal.
