Aarash

Designer

Davis Insight

Web design

Web design

Overview

Davis Insight is a data-heavy intelligence platform used by traders and analysts to track pricing trends, mill-level performance, and month-on-month movements.

The existing experience made users work too hard. Filters were scattered, navigation was rigid, and critical insights were buried inside dense layouts.

My goal was simple: make complex market data easier to understand, faster to access, and more structured to scale.


The Problem

Filters lacked hierarchy and consistency

Data visualizations competed for attention

Navigation consumed screen space

Patterns differed across dashboards

The system was not built for long-term scalability

Users could get insights, but only after effort.


My Approach

  1. Re-architected the Layout

I restructured the page around how traders think:

Set context (filters)

View summary insight

Dive into charts

Analyze detailed tables

Primary metrics were elevated. Visual hierarchy was tightened. Noise was reduced.

  1. Reorganized Filters for Clarity

Aligned Month, Category, and Grade in a single row

Standardized dropdown behaviour

Grouped related controls

Introduced consistent spacing and sizing

This reduced cognitive load and improved scanability.

  1. Introduced a Smart Navigation System

I designed a collapsible navigation bar that expands on hover.

Result:

Saved screen real estate

Maintained quick access

Reduced visual clutter

Improved focus on data.

  1. Built a Scalable Design Library

Instead of designing isolated screens, I created a structured design system in Figma:

Standardized filter modules

Reusable data cards

Consistent chart containers

Structured tables

Navigation components

This ensured visual consistency across dashboards and simplified handoff to engineering.


Collaboration

Worked closely with:

Data team to understand calculation logic

Engineering to align with technical constraints

COO for product direction and strategic decisions

Every design choice balanced usability, feasibility, and business goals.


Outcome

Clearer data hierarchy

Faster filter interaction

More predictable navigation

Stronger alignment across teams

A scalable foundation for future modules

Most importantly, traders could interpret market data without fighting the interface.


Prototype Link:

https://www.figma.com/proto/GXE9voEmFQakSI8d73q3ju/Davis-Insight?page-id=921%3A5163&node-id=969-4786&p=f&viewport=827%2C279%2C0.04&t=Eg8kMdSXLM9BRUfJ-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=969%3A4786

Have a dream project?

Let's transform your vision into stunning reality. Reach out today and start the journey to a remarkable brand presence.

09:39:49

Have a dream project?

Let's transform your vision into stunning reality. Reach out today and start the journey to a remarkable brand presence.

09:39:49

Have a dream project?

Let's transform your vision into stunning reality. Reach out today and start the journey to a remarkable brand presence.

Create a free website with Framer, the website builder loved by startups, designers and agencies.