Overview
Overview
Overview
Insight is a web-based analytics dashboard designed for DataClever to help e-commerce teams monitor competitive pricing, benchmark products, and understand market sentiment in one centralized view.
The platform translates complex data into clear, actionable insights, allowing users to quickly evaluate their product’s position in the market and make informed pricing and strategy decisions with confidence.
My role focused on defining the dashboard structure, designing the user experience, and crafting a clear, scalable visual system that supports
data-heavy analysis without overwhelming the user.
Insight is a web-based analytics dashboard designed for DataClever to help e-commerce teams monitor competitive pricing, benchmark products, and understand market sentiment in one centralized view.
The platform translates complex data into clear, actionable insights, allowing users to quickly evaluate their product’s position in the market and make informed pricing and strategy decisions with confidence.
My role focused on defining the dashboard structure, designing the user experience, and crafting a clear, scalable visual system that supports
data-heavy analysis without overwhelming the user.
Insight is a web-based analytics dashboard designed for DataClever to help e-commerce teams monitor competitive pricing, benchmark products, and understand market sentiment in one centralized view.
The platform translates complex data into clear, actionable insights, allowing users to quickly evaluate their product’s position in the market and make informed pricing and strategy decisions with confidence.
My role focused on defining the dashboard structure, designing the user experience, and crafting a clear, scalable visual system that supports
data-heavy analysis without overwhelming the user.
AI-Driven Goals for peak project performance
AI-Driven Goals for peak project performance
AI-Driven Goals for peak project performance
Project goals
Project goals
Project goals
Price Volatility
Price Volatility
Price Volatility
Market position score
Market position score
Market position score
Categories
Categories
Categories
Price index vs competitors
Price index vs competitors
Price index vs competitors
Sentiment Trend
Sentiment Trend
Sentiment Trend
Overview
Overview
Overview
To design an effective competitive analysis dashboard, I first defined the primary user and their goals, challenges, and decision-making context.
To design an effective competitive analysis dashboard, I first defined the primary user and their goals, challenges, and decision-making context.
To design an effective competitive analysis dashboard, I first defined the primary user and their goals, challenges, and decision-making context.
User
User
User
Rejected Concepts
Rejected Concepts
Rejected Concepts
I explored multiple visual directions before arriving at the final solution. While early concepts helped validate brand tone and usability patterns, they revealed critical limitations around data legibility, task focus, and analytical clarity. These insights directly informed the final design decisions.
I explored multiple visual directions before arriving at the final solution. While early concepts helped validate brand tone and usability patterns, they revealed critical limitations around data legibility, task focus, and analytical clarity. These insights directly informed the final design decisions.
I explored multiple visual directions before arriving at the final solution. While early concepts helped validate brand tone and usability patterns, they revealed critical limitations around data legibility, task focus, and analytical clarity. These insights directly informed the final design decisions.
SOME EXAMPLES
SOME EXAMPLES
SOME EXAMPLES
Design Exploration
Design Exploration
Design Exploration
Typography
Typography
Typography
Design Process
Design Process
Design Process
Metrics Cards
Visual Design
I designed the visual system with a strong focus on readability and focus. Neutral backgrounds, clear typography, and a controlled use of color were used to highlight trends, changes, and alerts while maintaining a professional, data-driven aesthetic.
Metrics Cards
Visual Design
I designed the visual system with a strong focus on readability and focus. Neutral backgrounds, clear typography, and a controlled use of color were used to highlight trends, changes, and alerts while maintaining a professional, data-driven aesthetic.
Metrics Cards
Visual Design
I designed the visual system with a strong focus on readability and focus. Neutral backgrounds, clear typography, and a controlled use of color were used to highlight trends, changes, and alerts while maintaining a professional, data-driven aesthetic.
Interaction & Refinement
Interaction & Refinement
Interaction & Refinement
I introduced subtle interactions and transitions to guide users when filtering, comparing, and exploring data. Continuous refinement ensured consistency across components and a scalable system aligned with usability best practices.
I introduced subtle interactions and transitions to guide users when filtering, comparing, and exploring data. Continuous refinement ensured consistency across components and a scalable system aligned with usability best practices.
I introduced subtle interactions and transitions to guide users when filtering, comparing, and exploring data. Continuous refinement ensured consistency across components and a scalable system aligned with usability best practices.
Research & Benchmarking
Research & Benchmarking
Research & Benchmarking
I analyzed existing analytics, pricing, and AI-driven dashboards to identify common patterns, best practices, and gaps in how competitive data is presented.
I analyzed existing analytics, pricing, and AI-driven dashboards to identify common patterns, best practices, and gaps in how competitive data is presented.
I analyzed existing analytics, pricing, and AI-driven dashboards to identify common patterns, best practices, and gaps in how competitive data is presented.
Heuristic Evaluation
Heuristic Evaluation
Heuristic Evaluation
I applied usability heuristics such as visibility of system status, consistency, visual hierarchy, and recognition over recall to inform layout and interaction decisions.
I applied usability heuristics such as visibility of system status, consistency, visual hierarchy, and recognition over recall to inform layout and interaction decisions.
I applied usability heuristics such as visibility of system status, consistency, visual hierarchy, and recognition over recall to inform layout and interaction decisions.
Information Architecture
Information Architecture
Information Architecture
Based on research insights and heuristic evaluation, I structured the dashboard to prioritize high-level metrics first, followed by detailed comparisons and tables.
Based on research insights and heuristic evaluation, I structured the dashboard to prioritize high-level metrics first, followed by detailed comparisons and tables.
Based on research insights and heuristic evaluation, I structured the dashboard to prioritize high-level metrics first, followed by detailed comparisons and tables.
Wireframing
Wireframing
Wireframing
I created low-fidelity wireframes to validate layout, hierarchy, and data grouping early in the process.
I created low-fidelity wireframes to validate layout, hierarchy, and data grouping early in the process.
I created low-fidelity wireframes to validate layout, hierarchy, and data grouping early in the process.
Competitive Score
Competitive Score
Competitive Score
yourproduct.com
yourproduct.com
yourproduct.com
75%
75%
75%
-0.5%
-0.5%
-0.5%
competitor.com
competitor.com
competitor.com
85%
85%
85%
+0.5%
+0.5%
+0.5%
competitor.com
competitor.com
competitor.com
62%
62%
62%
+0.5%
+0.5%
+0.5%
competitor.com
competitor.com
competitor.com
71%
71%
71%
-0.8%
-0.8%
-0.8%
competitor.com
competitor.com
competitor.com
50%
50%
50%
-0.8%
-0.8%
-0.8%
your product
your product
your product
Competitive score (%)
Competitive score (%)
Competitive score (%)
100
100
100
90
90
90
80
80
80
70
70
70
60
60
60
50
50
50
Dec 24
Dec 24
Dec 24
Jan 25
Jan 25
Jan 25
Feb 25
Feb 25
Feb 25
Mar 25
Mar 25
Mar 25
Apr 25
Apr 25
Apr 25
May 25
May 25
May 25
yourproduct.com
yourproduct.com
yourproduct.com
2,569 reviews
2,569 reviews
2,569 reviews
Sentiment
Sentiment
Sentiment
82%
82%
82%
competitor.com
competitor.com
competitor.com
2,569 reviews
2,569 reviews
2,569 reviews
Sentiment
Sentiment
Sentiment
62%
62%
62%
Insight
Insight
Insight
AI-powered Competitive Product Analytics Dashboard
AI-powered Competitive Product Analytics Dashboard
AI-powered Competitive Product Analytics Dashboard
UX/UI
UX/UI
UX/UI
AI
AI
AI
Prototyping
Prototyping
Prototyping
Figma
Figma
Figma
Clara Lewis
Clara Lewis
Clara Lewis
E-commerce Manager / Product Analyst
E-commerce Manager / Product Analyst
E-commerce Manager / Product Analyst
Persona
Persona
Persona
User
User
User
Background
Background
Background
Goals and Ambitions
Goals and Ambitions
Goals and Ambitions
Understand competitive pricing at a glance
Identify trends and changes in the market
Make confident, data-backed decisions quickly
Understand competitive pricing at a glance
Identify trends and changes in the market
Make confident, data-backed decisions quickly
Understand competitive pricing at a glance
Identify trends and changes in the market
Make confident, data-backed decisions quickly
Pain Points
Pain Points
Pain Points
• Fragmented data across multiple tools
• Fragmented data across multiple tools
• Fragmented data across multiple tools
• Time-consuming competitor analysis
• Time-consuming competitor analysis
• Time-consuming competitor analysis
• Overwhelming dashboards with poor hierarchy
• Overwhelming dashboards with poor hierarchy
• Overwhelming dashboards with poor hierarchy
Needs
Needs
Needs
• Clear prioritization of key metrics
• Clear prioritization of key metrics
• Clear prioritization of key metrics
• Easy comparison between products and competitors
• Easy comparison between products and competitors
• Easy comparison between products and competitors
• A dashboard that surfaces insights without unnecessary complexity
• A dashboard that surfaces insights without unnecessary complexity
• A dashboard that surfaces insights without unnecessary complexity
Clara is responsible for monitoring product performance and competitive positioning across multiple SKUs. They work with large volumes of data daily and need to make quick, informed decisions related to pricing, promotions, and product strategy.
Clara is responsible for monitoring product performance and competitive positioning across multiple SKUs. They work with large volumes of data daily and need to make quick, informed decisions related to pricing, promotions, and product strategy.
Clara is responsible for monitoring product performance and competitive positioning across multiple SKUs. They work with large volumes of data daily and need to make quick, informed decisions related to pricing, promotions, and product strategy.
Data-driven, fast-paced, performance-oriented
Data-driven, fast-paced, performance-oriented
Data-driven, fast-paced, performance-oriented
Hello Clara👋🏾
now
Competitor price dropped by 8%
Hello Clara👋🏾
now
Competitor price dropped by 8%
Due to the data-heavy nature of the product, visual expressiveness was intentionally restrained to prioritize clarity, performance, and scalability.
Due to the data-heavy nature of the product, visual expressiveness was intentionally restrained to prioritize clarity, performance, and scalability.
Due to the data-heavy nature of the product, visual expressiveness was intentionally restrained to prioritize clarity, performance, and scalability.
Sufficient color contrast for data readability
Sufficient color contrast for data readability
Sufficient color contrast for data readability
#675DF6
#675DF6
#675DF6
#EEF2FF
#EEF2FF
#EEF2FF
#00DCB1 - #00C4FF
#00DCB1 - #00C4FF
#00DCB1 - #00C4FF
#202C4F
#202C4F
#202C4F
Problem
Problem
Problem
E-commerce and product teams often struggle with competitive analysis because data is fragmented across different tools and sources, Hard to compare across products and competitors and Slow to interpret, leading to delayed decisions.
E-commerce and product teams often struggle with competitive analysis because data is fragmented across different tools and sources, Hard to compare across products and competitors and Slow to interpret, leading to delayed decisions.
E-commerce and product teams often struggle with competitive analysis because data is fragmented across different tools and sources, Hard to compare across products and competitors and Slow to interpret, leading to delayed decisions.
solution
solution
solution
Insight transforms what used to be scattered, overwhelming competitive data into a structured, clear dashboard that helps product and pricing teams to Quickly understand competitive positioning, Compare pricing and sentiment between products, Identify trends and anomalies with confidence and Act faster with less effort
Insight transforms what used to be scattered, overwhelming competitive data into a structured, clear dashboard that helps product and pricing teams to Quickly understand competitive positioning, Compare pricing and sentiment between products, Identify trends and anomalies with confidence and Act faster with less effort
Insight transforms what used to be scattered, overwhelming competitive data into a structured, clear dashboard that helps product and pricing teams to Quickly understand competitive positioning, Compare pricing and sentiment between products, Identify trends and anomalies with confidence and Act faster with less effort
Instead of overwhelming users with numbers, the interface had to highlight what matters and why it matters.
Instead of overwhelming users with numbers, the interface had to highlight what matters and why it matters.
Instead of overwhelming users with numbers, the interface had to highlight what matters and why it matters.
Good dashboards guide the eye, not overload it.
Good dashboards guide the eye, not overload it.
Good dashboards guide the eye, not overload it.
Quick Lessons
Quick Lessons
Quick Lessons
THANK YOU
THANK YOU
THANK YOU
THANK YOU
THANK YOU
THANK YOU