top of page
Group 10905.png
Arrow 25.png

Overview

Crypthulu is a simple crypto trading app and wallet manager that makes trading easier and accessible to everyone.

My role

My role in this project

The client required a concept design for their upcoming pitch event, aiming to showcase their vision in a compelling and structured manner. My role was to develop a framework that aligned with their core idea while designing a user interface that seamlessly reflected their branding.

Beyond UI development, I was also responsible for creating a streamlined mini design system to ensure consistency across their visual identity. Additionally, I worked closely with the client to restructure and enhance their branding elements, refining their overall presentation to make a stronger impact during the pitch.

EXPECTED OUTCOMES & IMPACTS

1

Clean up the branding that was provided and illustrate graphic elements for the client to use in the future.

2

Users can trade more easily within the app thanks to its simplified features, making crypto trading accessible to a broader audience.

3

Design Crypthulu's portal homepage that reflects the app

Rectangle 462.png

Design process

Rectangle 465.png
Group 10920 (1).png
Group 10920 (1)_edited.png
Rectangle 465.png
Rectangle 465.png
Group 10920 (1).png
Group 10920 (1)_edited.png
Rectangle 465.png
Rectangle 465.png
Group 10920 (1).png
Group 10920 (1)_edited.png
Rectangle 465.png

Planning and strategy

Aligned on scope, goals, and constraints to ensure the concept design fit the pitch and brand vision.

Research

Analyzed crypto wallet trends and competitors to identify key user needs and opportunities.

UX audit

Reviewed and refined branding elements for consistency, accessibility, and a cohesive user experience.

Planning and strategy

Focused on essential features like onboarding, security, and transactions within the project timeline.

Design

Developed a mini design system and high-fidelity wireframes, ensuring clarity, usability, and scalability.

Deliver

Packaged the final concept into a polished presentation with guidelines for future development.

Frame (4).png
Frame (4).png

The flow

This design process focused on translating Crypthulu’s vision into a seamless and intuitive user experience. By refining branding, establishing a design system, and iterating on key screens, we ensured a cohesive and scalable interface.

P&S

Let’s align it all

I worked with the client to define the scope, goals, and constraints, ensuring the concept design aligned with their pitch. We prioritized key features, mapped out resources, and created a strategy for a seamless user experience.

Project Planning & Scope

The goal was to create a concept design for Crypthulu’s pitch, ensuring the UI reflected their brand identity while keeping it intuitive for users.

Resource management

With a tight deadline, I focused on essential features and a scalable design system to make future iterations easier.

Adoption & Usability

A seamless onboarding experience was crucial. The design focused on clear navigation and trust-building elements to help users feel confident using the wallet.

Compliance Considerations

While this was a concept phase, I designed with potential regulations in mind, including KYC (Know Your Customer) and security best practices to future-proof the product.

Group (2).png

Research

Market analysis

The crypto space is fast-moving, unpredictable, and full of users looking for secure yet user-friendly wallets. One of the biggest challenges is balancing security with ease of use. Crypthulu needed to instil trust while remaining accessible, especially for users new to crypto. The goal was to ensure the UI was not only visually appealing but also intuitive and reassuring from the first interaction.

Competitive
Benchmarking

I conducted a deep dive into existing wallets Binance, Luno, Atomic and a few others. A few key takeaways stood out:

Frame (7).png

Security & Authentication

Leading wallets emphasize multi-factor authentication (MFA) and biometrics to build user trust.

Frame (7).png

User Experience

Many crypto wallets have complex onboarding processes. A smoother, more guided setup can reduce drop-offs.

Frame (7).png

Brand Identity

Most wallets either feel overly corporate or too informal. Crypthulu needed a unique and professional visual identity that still felt approachable.

User Research
& Pain Points

I also looked at common frustrations users have with existing wallets. A few major themes emerged:

Frame (7).png

Security concerns

Users worry about hacks, scams, and the risk of losing their assets.

Frame (7).png

Complicated onboarding

Setting up a wallet often feels overwhelming with seed phrases, verifications, and technical jargon.

Frame (7).png

Lack of transparency

Transaction fees, processing times, and network congestion aren’t always clear, leading to frustration.

Free for a chat?

I approached a few users that are already in the crypto world to further immerse myself with the flow and these are their opinions on the current apps that are in the market today.
(I've simplified their points btw) :-

Tech-y

Ziqri, 24

I love how most crypto apps are getting simpler to use, but I wish they offered more advanced analytics for serious traders like me

Newbie #1

Afiq, 27

It’s pretty confusing at first. I just want something that doesn’t overwhelm me with charts and numbers.

Newbie #2

Jules, 32

I don’t trust half of these apps. Security’s a big issue, what if I lose everything because of a hack?

Investor

Syafiq, 28

I like how I can trade on the go, but the fees are killing me. They should lower them if they want more users.

MVP

To ensure a focused and functional first release, we prioritized core features that provide the best user experience while aligning with Crypthulu’s vision.

These essential features lay the groundwork for seamless trading, easy onboarding, quick conversions, and real-time updates, setting the stage for future enhancements for both platforms,
Mobile and Portal.

local_convenience_store_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24 1.png

Trading Hub

A streamlined interface for buying, selling, and managing assets with ease, ensuring fast and efficient trades.

travel_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24 1.png

Onboarding

A guided, user-friendly setup that simplifies account creation and gets users trading in no time.

pin_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24 1.png

Converter

Quick and accurate currency and asset conversions with real-time rates for seamless transactions.

add_alert_24dp_E8EAED_FILL0_wght400_GRAD0_opsz24 1.png

Real-Time Alerts

Stay ahead with instant notifications on price changes, trade updates, and important account activities.

The bottom line

The crypto space is fast-moving, unpredictable, and full of users looking for secure yet user-friendly wallets. One of the biggest challenges is balancing security with ease of use. Crypthulu needed to instil trust while remaining accessible, especially for users new to crypto. The goal was to ensure the UI was not only visually appealing but also intuitive and reassuring from the first interaction.

UX audit

Jumping into
the interface

In this stage, I began sketching out the flow of the app with the concepts of the UI on various documents and files. I established the vision and flow with all the points that i received before.

This is the best checkpoint to hash it all out and find the faults, curate the app to suit all the features and points from the brief user research.


Below are the issues that I've encountered with the document i did in v1.0 :-

Inconsistent Navigation Flow

Users might struggle with understanding where to go next due to unclear hierarchy and misplaced CTAs

Visual Hierarchy Confusion

Key elements like buttons and essential information don't stand out, making the interface harder to scan.

Branding Misalignment

Some UI elements don’t fully reflect the brand’s identity, leading to a mismatch in overall aesthetics and feel.

Overloaded Information

Certain screens present too much content at once, making it overwhelming and reducing usability.

Interaction Feedback Issues

Lack of proper micro-interactions or visual cues makes it difficult for users to know if their actions are successful.

Resolution & Refinement

After several rounds of iteration and discussion, we streamlined the navigation, refined the visual hierarchy, and ensured better alignment with the brand’s identity.

We optimized content distribution to enhance clarity and introduced subtle micro-interactions for better user feedback. The updated design now provides a more intuitive and polished experience, fully ready for the pitch.

The flow

After multiple iterations, we finalized the flow for the v1.0 mockup. The new structure is optimized based on best practices from similar apps, reducing unnecessary clicks and streamlining key actions for a more seamless user experience.

Existing flow that was already briefed

New features

Scope & prioritise

Time to lock in...

With a clear direction established, we outlined the MVP, ensuring we built only what was essential first. A style guide was developed to maintain consistency across the interface, and we prepped all necessary deliverables to transition smoothly into the design phase

1

MVP

Focused on core features to ensure a functional and streamlined first version.

2

Style Guide

​Established design standards for consistency across the interface.

3

Prep the deliverables

Organized assets and documentation for a seamless handoff to design.

Design

​Its all about branding

The visual identity of Crythulu is more than just aesthetics; it’s about creating an immersive experience that reflects its core vision. By grounding the design in a structured style guide, we ensure consistency in typography, color schemes, and UI elements, reinforcing a seamless and recognizable brand presence. Every detail is intentional, enhancing both usability and the overall perception of trust, security, and innovation.

Design system Overview

To maintain consistency and efficiency, we established a simple design system for Crythulu on Figma. This serves as the backbone of the UI, ensuring that components, interactions, and layouts remain cohesive across the platform. Built from the style guide, it streamlines development, reduces redundancy, and allows for scalable iterations without compromising the brand’s vision.

Asset 16@4x.png

Conclusion

Trading Hub

Let's trade!

A centralized platform for buying, selling, and managing assets with an optimized, user-friendly interface.

With the design finalized, we packaged all assets for a seamless handoff, including high-fidelity mockups, a design system, and comprehensive documentation. Many of the key decisions in this case study were guided by insights from the project documentation, ensuring alignment with Crythulu’s vision. Every element was optimized for smooth developer implementation, bringing the product to life as intended

Onboarding

Come onboard

A seamless and intuitive process that helps users set up their accounts effortlessly, ensuring a smooth start.

Converter

Swap in a Snap

A fast and reliable tool for converting assets with real-time rates, making transactions effortless.

Real-Time Alerts

Stay in the Loop!

Instant notifications keep users updated on market changes, transactions, and important account activities.

Wallet

Your Crypto, Your Vault!

A secure and accessible digital wallet that allows users to manage, store, and track their assets with confidence.

Portal

Step into the Portal!

Your all-in-one dashboard for managing trades, tracking performance, and accessing key insights in a glance. Everything you need, right where you need it.

Built for Traders, Designed for the Future.

Crypthulu is now equipped with a seamless, secure, and intuitive trading experience—built for efficiency, optimized for growth. From effortless onboarding to real-time trading and instant conversions, every feature is designed to empower users in the fast-paced world of crypto. With a solid foundation in place, Crypthulu is ready to scale, evolve, and redefine the future of digital trading.

Retro

Quick feedback

As we wrapped up the final iteration before the pitch, we gathered feedback from traders, newcomers, and investors to fine-tune the experience. Users appreciated the intuitive flow, simplified onboarding, and real-time notifications, while investors saw potential in refining customization options. These insights fuel our continuous improvements, ensuring Crypthulu evolves to meet the needs of its growing community.

Adam

Client

The new flow aligns well with what we were aiming for. The trading page, in particular, stands out, it’s clean, easy to navigate, and feels much more user-friendly. This is definitely a step in the right direction.

Laura

ex-newbie

I really like how the onboarding process is simplified. It feels less intimidating for someone new to crypto trading. The notifications for price updates are a great touch too!

keeps me on top of things without being overwhelming.

Kevin

Investor

The flow is definitely smoother, but I feel like the price notifications could use more customization. For example, letting users set alerts for specific thresholds would make it even more useful. It’s almost there, but a few tweaks would really make it stand out.

Retrospective

This project was a deep dive into balancing usability with technical complexity. From refining the user flow to ensuring the interface aligned with Crypthulu’s branding, every decision had to serve both functionality and user experience.

One of the biggest takeaways was the importance of scope management—prioritizing the core experience while keeping future scalability in mind.

Overall, this project reinforced the value of collaboration, iteration, and strategic design thinking in shaping a product that’s both user-centric and market-ready.

Thanks for reading.

I hope you enjoyed my case study!

If you have any questions, want to discuss new opportunities / side hustles, or simply want to say hi, feel free to drop me a line

Note: the work displayed belongs to respective company and me, the designer. Please refrain from downloading, copying, or sharing them with others.

Other works

Trading system for money brokers

Strategy, UX/UI design, Design system

A algorithmic based lead capturing system

Management, UX/UI design,
Design system

Personal trainer tracking app

Strategy and UX/UI design

Loyalty app with a reward system

Strategy and UX/UI design

bottom of page