DealSize.ai

DealSize.ai

AI Trading Platform

UI/UX

LS26-icon-dot

Design System

LS26-icon-dot

Creative Direction

2023-2026

DealSize.ai is an AI-driven trading platform designed to help traders identify opportunities, manage risk, and interpret complex market data through intelligent automation and real-time insights.

I led the creative direction, branding, UI, UX, and design system architecture for the platform, defining its interface structure, visual language, and interaction logic from early concept through active development.

The focus of my work was to deliver a user experience that feels modern, AI-driven, minimal, and highly legible while accommodating dense financial data and AI-assisted signals. I defined core user journeys and interaction models at a low-fidelity level, then translated them into a cohesive visual system supporting both desktop and mobile experiences. This included establishing a future-proof design system with foundation logic, tokenization, theme modes, semantic roles, and a modular component library that enabled rapid iteration and consistent output across product UI, web surfaces, and marketing touchpoints.

Beyond individual screens, the system was designed to support team collaboration, product expansion, and evolving workflows. By providing clear structure, a shared design language, and scalable components, it enabled designers, developers, and stakeholders to work in parallel while maintaining alignment as the platform and team grew.

What would you like to analyse today? Search bar with options for compare, summarise, and analyse.

Brand & Visual Language

Logo, symbol, and foundational visual system

A group of people working together at a table with laptops and documents in a modern office setting.
A group of blue and black geometric shapes arranged in a pattern.
Royal Blue, True Blue, Sky Blue, Electric Blue, Soft Aqua, Deep Indigo, Indigo, Dark Grey, Light Sky.

Experience Structure

The experience was structured in clear design layers โ€” from defining product intent and platform logic, through interaction models and wireframes, before moving into visual design and systemisation. This ensured clarity, consistency, and scalability across the platform.

Brand and product icons representing brand & product intent, platform logic & structure, interaction models, UX wireframes & flows, UI & design system.

Homepage & AI Chat

Primary entry point for conversational market analysis

A person using a digital assistant interface with a search bar and options for analysis, comparison, summarising, and surprises.
Apple and NASDAQ stock data displayed on a financial website with charts and analysis options.

Navigation & Workspace

Expandable navigation and focused workspace

A screenshot of a financial analysis platform's dashboard showing a search bar, user profile, and menu options on the right side.

AI-Nalysis

Structured dialogue for analysing assets and strategies

Apple Inc. stock chart showing price fluctuations, trading volume, and market data on a digital trading platform.
Apple Inc. stock chart showing recent price movement and percentage change, with other major stock indices and commodities displayed.

ChartDS & Broker Integration

Charts, trading tools, and connected broker workflows

A candlestick chart showing stock price movements with green and red bars, volume bars, and trading data.
A colourful login screen for easyMarkets and Coinbase with options for account access and cryptocurrency trading.

Economic Calendar

Event-driven market awareness and time-based insights

A calendar interface showing dates, events, and currency exchange rates for February 2026.

User Profile & Watchlist

Account preferences, saved assets, and strategy management

A screenshot of account settings page showing profile, connected accounts, security, and deletion options.
A screenshot showing a user interface with sections for settings, billing, and notifications, including plan details, payment methods, and billing history.
A person adding a payment method on a digital device, showing options for card, Google Pay, Apple Pay, PayPal, and Bitcoin.
A screenshot of a digital watchlist and asset addition interface showing stock and cryptocurrency data with search options.

Responsive Experience

Consistent experience across desktop, tablet, and mobile

Apple Inc. stock chart displayed on a mobile device with a search bar and analysis options visible.
A mobile app interface displaying asset management, cryptocurrency rankings, and top gainers with graphs and account details.

Design System & Foundations

Scalable system supporting consistent workflows, long-term product evolution, and cross-team alignment

A shared design system allows product, engineering, and supporting teams to operate independently while remaining visually and semantically aligned

Brand and foundations, theme and modes, semantic roles, core UI components, and product screens diagram.

Foundations

Colour, typography, spacing, and layout primitives

A colourful palette of various shades of blue, green, yellow, orange, red, purple, and pink.

Theme

Mode-based styling across light, dark, and responsive contexts

A colourful table displaying various light mode and dark mode colour options, including primary, secondary, and neutral shades.

Roles

Semantic role mapping between intent and presentation

A group of colour swatches, font styles, and layout options displayed on a screen.

Components

Composable UI elements and feature-level building blocks

A comprehensive user interface design with various buttons, toggles, icons, and layout options for a digital application.

Marketing & Communication

Campaign and content design supporting product launch

Manage your trades in one place with a dashboard showing market data and insights.

Platform State

By the end of production, DealSize.ai had evolved into a fully realised AI-driven trading platform, spanning core entry points, conversational analysis, modular market tools, and essential account and broker flows.

The work consolidated brand, marketing, product UI, and system foundations into a cohesive platform language โ€” enabling scalable feature development, consistent cross-device experiences, and continued iteration within a complex fintech environment.

A spinning top with colourful lines and patterns on a white background.

ยฉ 2006โ€“2026 Loris Stavrinides
Client and third-party work ยฉ respective copyright holders

LS26-icon-dot
LS26-icon-dot
LS26-icon-dot