Product Design · Interface System

Trendium — Product Visual System

The dashboard and component language behind Trendium: trend pressure, market phase, timeframe agreement, directional risk, and score states organized into a clearer product experience.

Scope: Dashboard hierarchy, product UI, interaction states, visual data language
Product: Released Windows desktop app, separated here as a product-system study
Role: Product direction, UX structure, UI system, implementation collaboration
Constraint: Communicate market context without buy/sell signals or prediction framing.

Trendium dashboard interface showing market cards and trend context — Signals become structured context

Challenge

Turn dense market data into a calmer decision-support interface.

The product needed to show complex indicator and timeframe behavior without burying users in raw chart noise. Every visual pattern had to support interpretation, comparison, and responsible language.

System Decisions

Card hierarchy

Coin cards, summary panels, and detail sections separate overview scanning from deeper analysis.

State language

Scores, pills, and risk meters make status readable while avoiding aggressive trading commands.

Timeframe comparison

Navigation and visual grouping help users compare short, mid, and longer market context.

Education layer

Plain-English explanations support learners without flattening the product into generic tips.

Final Execution

Trendium dashboard interface — Dashboard overview

Trendium directional risk meter interface — Directional risk meter

Trendium timeframe interface — Timeframe hierarchy

Trendium trend pressure graph interface — Trend pressure graph

Process

Map market conceptsGroup user questionsDesign score statesBuild dashboard rhythmReview edge casesRefine release UI

System Details

Trendium coin card component system — Coin card component system

Trendium score and market state interface language — Score and market state language

Outcome

The released interface gives Trendium a scalable visual system for explaining market context across overview, detail, and education states while preserving cautious, responsible product framing.

Next Case Study

Lumaro — Brand Identity and Positioning

Continue