Case Study — UI + Social

Tradejini

Clean and data-driven financial design — making complex trading feel simple, trustworthy, and visually confident.

IndustryFinance & Trading
ScopeUI Design + Social
RoleUI/UX & Visual Design
Duration10 Weeks
The Challenge

Nomme needed a visual identity that projected data-driven confidence — precise, trustworthy, and clean enough to instill financial confidence.

The existing brand presence felt too complex and overwhelming for new traders. Social media lacked consistency and the visual language didn't communicate the trustworthy financial positioning the brand deserved. We needed to bridge that gap without losing authenticity.

The Insight
In finance, clarity is trust. When a dashboard reads well, users trade with confidence.

Design Philosophy — Tradejini

Creative Direction

Data clarity with confident precision

We developed a visual system rooted in clean whites, confident blues, and data-first layouts, and typographic hierarchy. Every element serves a purpose — nothing is decorative, everything communicates.

The palette draws from natural materials: sapphire blue, cloud white, and chart green. Typography pairs a refined serif for headlines with a clean sans-serif for body text.

#f0f4ff
#2563eb
#1d4ed8
#1e40af
#0f172a
Clean Precision
Numbers tell the story. Clean charts, confident colors, zero noise — design that traders trust. Every detail is a deliberate choice.
Playfair Display / Outfit — Design System
Upload moodboard
Visual Exploration
Early concept — Dashboard layout
Variation — Data-first cards
Style exploration — Chart UI
Mobile variant — Trading app
Final Design Execution

Dashboard UI System

A complete Instagram grid system with feed posts, carousels, and story templates — all sharing the same typographic rhythm and color language. Designed for data clarity across all screen sizes.

Social Content

Extended the visual language to market updates, investor posts, financial infographics, and promotional banners. Every customer touchpoint reinforces the trustworthy financial positioning.

Detail Highlights
Aa

Typography

Playfair Display for editorial headlines paired with Outfit for clean body text. Weight contrasts create clear visual hierarchy.

Spacing System

8px base grid with generous margins. Whitespace is treated as a design element — every gap is intentional.

Color Precision

A 5-color palette grounded in financial confidence. Sapphire blues and clean whites create financial trust without visual noise.

Before vs After
Before — Complex, cluttered interface
After — Clean financial identity
Results & Impact
+38%
User Engagement

Post engagement rates surged within the first month of launching the new visual direction.

2.4x
Platform Trust Score

Unified visual identity created a recognizable, premium brand presence across all touchpoints.

+52%
Social Followers

Instagram profile visits increased significantly, driving more discovery and brand awareness.

Building brands through
thoughtful design.

Every project is a chance to create something that matters.

View More Work Get in Touch