← FATEMEH BEHBOODIAN
Work Contact
CASE STUDY
CRYPTO / FINTECH
RESPONSIVE WEB

Karanex

CRYPTOCURRENCY TRADING & LEARNING PLATFORM

Karanex is a cryptocurrency platform that combines digital asset trading with educational content, allowing users to trade cryptocurrencies, purchase investment courses, and manage their financial activities in one place.

ROLE
UI/UX Designer
SCOPE
Trading, dashboards, courses, wallet
DEVICES
Desktop and responsive mobile
USERS
Traders and analysts
Spot trading, desktop
SPOT TRADING — LIVE CHART, ORDER BOOK, BUY/SELL PANEL
00 — OVERVIEW

Karanex – Cryptocurrency Trading & Learning Platform

Karanex is a cryptocurrency platform that combines digital asset trading with educational content, allowing users to trade cryptocurrencies, purchase investment courses, and manage their financial activities in one place.

As a UI/UX Designer, I contributed to several key sections of the platform, focusing on creating intuitive, data-rich, and scalable user experiences.

01 — DATA-RICH, EDGE TO EDGE

Dense financial screens, kept legible.

Charts, order books and tables carry real numbers on every screen. Mobile keeps the same hierarchy, one column at a time.

Spot trading, with the order book at hand

DESKTOP + MOBILE

Live candlestick chart, order book and a buy/sell panel with a portfolio summary, all visible without switching screens. Mobile swaps to tabs while keeping chart, book and order form reachable.

Spot trading, desktop
FULL PAGE CONTINUES
Spot trading, mobile
FULL PAGE CONTINUES

A user dashboard that surfaces what's active now

DESKTOP + MOBILE

Active subscriptions, courses and signals from followed analysts, plus the latest market analysis, all on one scroll. The same feed repeats per analyst the user follows.

User dashboard, desktop
FULL PAGE CONTINUES
User dashboard, mobile
FULL PAGE CONTINUES

Order history and shop-order detail, side by side

DESKTOP + MOBILE

Trade history is filterable by buy, sell, long and short, with rate, fee and total on every row. Gold and physical-product orders get their own detail view with shipping and item breakdown.

Order history, desktop
FULL PAGE CONTINUES
Order detail, mobile
FULL PAGE CONTINUES

Followers management for analysts

DESKTOP + MOBILE

An analyst's profile shows follower and following counts alongside subscription plans at three durations, then their latest signals and analyses. Mobile reorders the plan cards above the feed.

Followers management, desktop
FULL PAGE CONTINUES
Followers management, mobile
FULL PAGE CONTINUES

User profile, store and banking details in one form

DESKTOP + MOBILE

Store profile, personal identity, business location and bank card details, grouped into sections on a single settings page. Mobile stacks the same sections full-width.

User profile, desktop
FULL PAGE CONTINUES
User profile, mobile
FULL PAGE CONTINUES

Analyst dashboard, built for a different job

DESKTOP + MOBILE

Analysts get their own panel: course and signal creation, subscriber plans and market-analysis publishing, kept separate from the trading-focused user dashboard but sharing its visual system.

Analyst dashboard, desktop
FULL PAGE CONTINUES
Analyst dashboard, mobile
FULL PAGE CONTINUES
MY CONTRIBUTIONS
Spot Trading page
User Dashboard
Purchased Courses dashboard
Followers management
Wallet pages
Gold & Cryptocurrency transaction reports
Analyst Dashboard
Course Creation flow
Market Analysis creation
User Profile pages
Responsive design across the entire platform
DESIGN HIGHLIGHTS
Complete responsive design for all assigned screens
Comprehensive Design System
Reusable component library
Extensive use of Auto Layout
Consistent typography and color styles
Scalable UI architecture for future product growth

Throughout this project, I focused on designing complex financial dashboards and educational workflows while maintaining consistency, usability, and scalability across the product. The interfaces were designed to simplify data-heavy interactions and provide a seamless experience for both end users and analysts.

NEXT

Want the rest of the work, or a conversation?

Back to all work Get in touch
FATEMEH BEHBOODIAN · KARANEX CASE STUDY
HOME ↑