Projects

AI Explorations

Let’s Connect

Detailed

Simplified

Introduction

Project

Qrypt is a quantum cybersecurity company offering Entropy as a Service (EaaS). This project aimed to improve the user experience of Qrypt's dashboard to increase the number of users who go from simply signing up to actively using the API-based service. Since Qrypt delivers true quantum-generated randomness for cryptographic, simulation, and gaming use cases, our mission was to help users better understand the value and how to start using it quickly and easily.

Team

Design: Product Designer (my role)

Engineering: 5 Frontend & Backend Developers, 2 Tech Leads

Product: 1 Product Owners

Project Management: 1 Project Manager

Design: Product Designer (my role)

Engineering: 5 Frontend & Backend Developers, 2 Tech Leads

Product: 1 Product Owners

Project Management: 1 Project Manager

Timeline:

6 Months

Tools

Figma

Whimsical

Slack

Research & Discovery

Understanding the developer journey was key. We focused on how developers discover, evaluate, and integrate Qrypt’s quantum-secure tools, identifying design opportunities to reduce friction and build confidence.

User Interviews

Interviewed both experienced and early-career developers who work with cryptographic systems. We explored how they evaluate new dev tools and what makes documentation and dashboards effective.

Key Pain Points Identified

Hard to know where to start—no clear onboarding or starter flow

Documentation was too dense or technical for quick understanding

Lack of in-context help or feedback during integration

Confusing navigation across docs, portal, and SDKs

Needed copy-paste code samples for fast implementation

“Other services make you jump through hoops just to get an API key or figure out what’s happening behind the scenes. It shouldn’t be that hard.”
– Junior Software Engineer

User Personas

Alex Carter

Software Engineer

Alex is a backend developer with a strong focus on cybersecurity. He has worked with various cryptographic systems and is experienced with APIs. His team is transitioning to using quantum-based entropy solutions for their security infrastructure, and Alex is exploring ways to integrate Qrypt's true random service into their existing systems.

Goals

Quickly generate secure cryptographic keys for application use.
Seamlessly integrate Qrypt’s API into his existing tech stack.
Improve the overall security and randomness in his encryption processes.

Goals

Quickly generate secure cryptographic keys for application use.
Seamlessly integrate Qrypt’s API into his existing tech stack.
Improve the overall security and randomness in his encryption processes.

Goals

Quickly generate secure cryptographic keys for application use.
Seamlessly integrate Qrypt’s API into his existing tech stack.
Improve the overall security and randomness in his encryption processes.

Challenges

Learning how to use Qrypt’s API and navigate its functionality.
Understanding the differences between quantum entropy and traditional pseudorandom methods.
Effectively managing access tokens and ensuring proper usage.

Challenges

Learning how to use Qrypt’s API and navigate its functionality.
Understanding the differences between quantum entropy and traditional pseudorandom methods.
Effectively managing access tokens and ensuring proper usage.

Sarah Lee

IT Manager

Sarah leads the security team at a financial institution, overseeing the implementation of robust security measures. Her responsibilities include evaluating and deploying encryption systems, ensuring compliance with industry standards, and safeguarding sensitive data. She is aware of the importance of randomness in encryption but is seeking a more secure solution with the adoption of quantum entropy.

Goals

Implement Qrypt’s Entropy as a Service for enhanced cryptographic security.
Make it easy for her development team to onboard and use Qrypt’s API.
Ensure the service integrates smoothly within their current security framework.

Goals

Implement Qrypt’s Entropy as a Service for enhanced cryptographic security.
Make it easy for her development team to onboard and use Qrypt’s API.
Ensure the service integrates smoothly within their current security framework.

Goals

Implement Qrypt’s Entropy as a Service for enhanced cryptographic security.
Make it easy for her development team to onboard and use Qrypt’s API.
Ensure the service integrates smoothly within their current security framework.

Challenges

Training her team on how to use the API efficiently.

Managing API usage quotas and ensuring the service scales with their growing needs.
Keeping track of entropy requests and maintaining compliance with security regulations.

Challenges

Training her team on how to use the API efficiently.

Managing API usage quotas and ensuring the service scales with their growing needs.
Keeping track of entropy requests and maintaining compliance with security regulations.

James Patterson

Game Developer

James is an indie game developer focused on creating multiplayer games that offer fair, unpredictable outcomes. With experience integrating APIs into his games, James is now looking for a solution that can provide truly random outcomes to improve fairness in gameplay. He is working with a limited budget and needs an affordable solution for his small business.

Goals

Integrate true random number generation into his game mechanics for fairness.
Ensure that his game offers unpredictable outcomes to avoid cheating.
Use Qrypt’s API within his budget without compromising quality.

Goals

Integrate true random number generation into his game mechanics for fairness.
Ensure that his game offers unpredictable outcomes to avoid cheating.
Use Qrypt’s API within his budget without compromising quality.

Goals

Integrate true random number generation into his game mechanics for fairness.
Ensure that his game offers unpredictable outcomes to avoid cheating.
Use Qrypt’s API within his budget without compromising quality.

Challenges

Understanding how to integrate Qrypt’s quantum entropy into his game with minimal technical knowledge.
Managing API costs to keep the solution within his budget.
Ensuring the random data meets the game’s needs without overcomplicating the process.

Challenges

Understanding how to integrate Qrypt’s quantum entropy into his game with minimal technical knowledge.
Managing API costs to keep the solution within his budget.
Ensuring the random data meets the game’s needs without overcomplicating the process.

Touchpoint Analysis

Before redesigning, we conducted a touchpoint analysis to understand the existing user journey and identify friction points that prevent users from reaching value quickly.

Tools Used:

Miro, Whimsical, Heuristic Evaluation to assess usability and information hierarchy.
User testing sessions to Simulated first-time user sessions to uncover cognitive and emotional blockers.

Miro, Whimsical, Heuristic Evaluation to assess usability and information hierarchy.
User testing sessions to Simulated first-time user sessions to uncover cognitive and emotional blockers.

Signup: Users completed signup easily but felt directionless afterward.

Dashboard Landing: No visual cue or onboarding assistant guiding users toward action.

Token Generation Page: Confusion around what tokens are and how to use them.

API Documentation: Separated from the dashboard, requiring context-switching.

First API Call: No embedded sandbox or example for users to experiment.

Usage Page: Graphs exist but lack interpretive guidance for first-time users.

Plan Selection/Billing: Information about pricing tiers was disjointed, and downgrade/upgrade logic was unclear.

This analysis confirmed that while the dashboard had many powerful features, they were not organized in a way that supported first-time users. The insights laid the foundation for designing a dashboard flow that reduces uncertainty, accelerates time-to-value, and builds confidence through small wins.

Competitor Analysis

We compared Qrypt to:

Stripe (excellent onboarding)
Twilio (interactive walkthroughs)
Cloudflare (strong dashboard UX)
While competitors guide users from first login to action, Qrypt's existing flow assumed prior API familiarity. We saw the opportunity to embed onboarding directly into the dashboard.

Stripe (excellent onboarding)
Twilio (interactive walkthroughs)
Cloudflare (strong dashboard UX)
While competitors guide users from first login to action, Qrypt's existing flow assumed prior API familiarity. We saw the opportunity to embed onboarding directly into the dashboard.

Ideation and Concept Development

Problem Statement

New users sign up for Qrypt but often abandon the service before using the API due to unclear onboarding, technical jargon, and missing guidance.

Objective

Design a clear, step-by-step post-signup flow that helps users make their first API call and visualize the value of quantum entropy - ultimately increasing user activation.

Feature Ideation

Multi-language code generation (Node.js, C#, Python)
First API Call walkthrough
Token generator with live copy
Entropy usage visualizer
Embedded code examples (Node, Python, C++)
Plan selector + billing logic
Auto-downgrade handling for failed payments

Multi-language code generation (Node.js, C#, Python)
First API Call walkthrough
Token generator with live copy
Entropy usage visualizer
Embedded code examples (Node, Python, C++)
Plan selector + billing logic
Auto-downgrade handling for failed payments

Concept Exploration

We explored onboarding modules, entropy preview tools, and plan comparison cards. Concept sketches and wireframes validated that visual guidance + minimal setup encouraged engagement.

Wireframing & Structure

Information Architecture

The new information architecture was structured to support a seamless and guided experience from signup to API usage. It reflects the complete flow from unauthenticated entry to token generation and plan management, as visualized in our IA diagram.

Unauthenticated Flow: Start → Signup / Login → Home Page

Includes Forgot Password and Two-Factor Authentication as needed

Unauthenticated Flow: Start → Signup / Login → Home Page

Includes Forgot Password and Two-Factor Authentication as needed

Main Dashboard Pages (Post-Login):

Overview: Provides quick links to Subscription, Keygen, and Entropy modules
Tokens: Create tokens, generate entropy, call API, and view/copy code examples in Node.js, C#, Python
Plans: Users can explore Free, Developer, and Enterprise plans. Includes purchasing history and billing tabs.
Tools: Download SDKs, choose languages, check available releases
Usage: View API usage across services with daily stats, graphs, and token-level details
Docs and Support: Embedded for contextual help
Profile: Access account settings and sign out options

Main Dashboard Pages (Post-Login):

Overview: Provides quick links to Subscription, Keygen, and Entropy modules
Tokens: Create tokens, generate entropy, call API, and view/copy code examples in Node.js, C#, Python
Plans: Users can explore Free, Developer, and Enterprise plans. Includes purchasing history and billing tabs.
Tools: Download SDKs, choose languages, check available releases
Usage: View API usage across services with daily stats, graphs, and token-level details
Docs and Support: Embedded for contextual help
Profile: Access account settings and sign out options

Key Highlights from the IA:

Dedicated Code Sandbox for live entropy generation testing
Clear visual distinction between main flows (green), sub-pages (purple), and settings (yellow)
Cross-linked pages like Docs and Overview dynamically reference current user progress

Key Highlights from the IA:

Dedicated Code Sandbox for live entropy generation testing
Clear visual distinction between main flows (green), sub-pages (purple), and settings (yellow)
Cross-linked pages like Docs and Overview dynamically reference current user progress

This improved IA ensured users never felt lost in the dashboard and always had a clear path forward - from generating a token to making their first successful API call.

Each step clearly guided users toward setup and first success.

This improved IA ensured users never felt lost in the dashboard and always had a clear path forward - from generating a token to making their first successful API call.

Each step clearly guided users toward setup and first success.

Wireframes

Wireframes were created for:

Entropy token generation and API call
Usage dashboard with daily/weekly views
Plan upgrade, downgrade, and billing modals
Onboarding screens with live sandbox

Wireframes were created for:

Entropy token generation and API call
Usage dashboard with daily/weekly views
Plan upgrade, downgrade, and billing modals
Onboarding screens with live sandbox

Visual and Interaction Design

Design System

Typography & Colours

Primary Font

Color Palette

Hi-Fi Screens

Prototyping and Testing

Prototype

Purchase Screen (Desktop)

Open in Figma

Open in Figma

Encrypt & Decrypt Screen (Mobile)

Open in Figma

Open in Figma

Usability Testing & Iteration

Tested with:

5 developers (startups + enterprise)
2 product leads (non-devs)

Tested with:

5 developers (startups + enterprise)
2 product leads (non-devs)

Changes made:

Added inline glossary for jargon
Clarified active plan status
Improved API call example clarity
Enabled instant test generation

Changes made:

Added inline glossary for jargon
Clarified active plan status
Improved API call example clarity
Enabled instant test generation

Final Implementation

Final Outcome & Metrics

Time-to-first-API-call reduced by 60%

Signup-to-usage conversion increased from 12% to 36%
Support inquiries down by 40%
Billing flow clarity improved; downgrade recovery reduced churn

Time-to-first-API-call reduced by 60%

Signup-to-usage conversion increased from 12% to 36%
Support inquiries down by 40%
Billing flow clarity improved; downgrade recovery reduced churn

Before & After Comparison

Before: Users signed up and were left on their own with no guidance.

After: Onboarding flow, live testing, and code snippets helped users immediately interact with the API.

Before: Users signed up and were left on their own with no guidance.

After: Onboarding flow, live testing, and code snippets helped users immediately interact with the API.

Challenges & Solutions

Challenge 1:

Problem: Technical jargon confused new users

Solution: Inline glossary + tooltips

Challenge 2:

Problem: No guidance after signup

Solution: Interactive onboarding walkthrough

Challenge 3:

Problem: Plan selection unclear

Solution: Redesigned pricing cards with downgrade logic

Challenge 4:

Problem: Payment failure caused churn

Solution: Auto-downgrade flow + retry billing CTA

Next Steps

Add usage badges and milestones for engagement
Enable webhook testing inside dashboard
Build plugin integration for Postman or Insomnia
Improve email onboarding sequence

Add usage badges and milestones for engagement
Enable webhook testing inside dashboard
Build plugin integration for Postman or Insomnia
Improve email onboarding sequence

Conclusion

This project proved that even complex, technical products like Qrypt's Entropy-as-a-Service can deliver great onboarding and self-serve usability. By reducing cognitive load and guiding users step-by-step, we significantly improved activation and created a model for SaaS API onboarding success.