Design With Rina

marketlens

ui / data visualization design

A dashboard tool to guide smarter decisions, reduce marketing risk, and help businesses stay ahead.

time

3 weeks

role

uI design / Data Analysis

tools

figma, Flourish, RAWGraphs, Google Sheets

Customer behaviour doesn't stand still.

In business environment, we have been hearing all the time from business owners and marketing managers that

"Are we investing in the right place?".
"Are we missing trends before they happen?".
"Markets become competitive and it's getting harder to predict what customers want and which products to sell".

In business environment, we have been hearing all the time from business owners and marketing managers that

"Are we investing in the right place?".
"Are we missing trends before they happen?".
"Markets become competitive and it's getting harder to predict what customers want and which products to sell".

A dashboard tool to guide smarter decisions and help businesses stay ahead.

A data-driven dashboard that uncovers seasonal buying patterns by genders and city with insights shows marketing channel performance across product categories.

Project Timelines: 3 Weeks

The project is scheduled over a three-week timeline. The first two weeks are allocated for data collection, filtering, and organization. The final week is dedicated to the design and development of the dashboard UI interface, incorporating the organized data into a functional and user-friendly visual format.

1st week

2nd week

3rd week

Dataset Collection

Filtering Out Data

Organizing Feature Datasets

Sketching Interface

Mapping Data to Visual Format

HiFi and Prototyping

Filtering Out the Data

I have gathered as many relevant datasets as possible so that nothing important is missed. All data is sourced from Kaggle and Our World in Data.

In this project, all data is based on 200 customers who live in different cities.

I have gathered as many relevant datasets as possible so that nothing important is missed. All data is sourced from Kaggle and Our World in Data.

In this project, all data is based on 200 customers who live in different cities.

During this phase, relevant datasets are sourced, reviewed for quality and relevance, and structured for analysis.

All Collected Datasets

Featured Datasets

Filtering Out Data

Sketching and Mapping Data into Visual Format

To represent the data more effectively, I organized each category into subcategories and explored various visualization methods to find the most suitable formats. After experimenting with different approaches, I selected the following chart types for the final dashboard:

donut chart
column chart
sunburst chart
heatmap
radial network graph
radar chart
simple circles, and packed circles.

donut chart
column chart
sunburst chart
heatmap
radial network graph
radar chart
simple circles, and packed circles.

How does MarketLens help business owners and marketing managers to make smarter decision?

The dashboard consists of four main functions, each presenting different sets of relevant data essential for business and marketing decision-making.

Product Purchase Rate

Product Purchase Rate

Based on the location users selected, users can check purchase rate for each product categories based on the seasons along with showing how customer engage with different marketing channels.

Why it matters: Since product demand varies by season, purchasing rates across product categories are also affected.

Each product category is shown with an icon and color-coded bars for the four seasons. Hovering over a bar reveals the total customer purchase amount for that season.

Radial Network Graph

Clicking a product category reveals seasonal purchase rates by location, sorted from highest to lowest.

Sunburst Chart

To ensure accessibility and avoid gender color stereotypes, I use patterns instead of color to represent gender making the visualization inclusive for users with color vision deficiencies.

Column Chart (Grouped)

Instead of showing numbers, I use varying circle sizes to represent engagement rates. The larger the circle, the higher the customer engagement for both channels and product categories.

Radial Network Graph with packed circles

Customer Purchase Amount

Customer Purchase Amount

Users can check customer purchase amounts based on product categories, income levels and cities.

Product Preferences

Product Preferences

Users can check which products are preferred in which locations and by customer segments.

Why it matters: Especially for global launches, understanding product preferences by location helps improve decision-making and market prediction.

Customer segments are categorized based on their purchasing behaviours and personalities.

Curious Explorers

Try new products often, shop across categories, influenced by trends.

Royal Big Spenders

Frequent buyers, high spending, brand loyal.

Occasional Indulgers

Buy only during promotions, prefer small luxuries, not loyal.

Returners & Swappers

Frequently return or exchange items, indecisive or size sensitive.

Last Minute Buyers

Purchase out of urgency, often for occasions or deadlines.

Value Seekers

Focus on discounts, bundle deals, loyalty points.

Conscious Consumers

Buy with purpose eco-friendly, cruelty-free, or ethical sourcing focused.

Bulk Buyers

Purchase in large quantities, usually less frequently.

Customer Satisfaction

Customer Satisfaction

Users can check how each of customer segment react feedback in the market.

Why it matters: Understanding customer behaviour is key to launching a product and helping marketers adjust their strategies effectively.

Data points of yellow lines represent number of customers reactions for each satisfaction level.

Radar Chart

Using emojis helps visualize customer satisfaction levels in a simple and easily understandable way.

Level 1 - Disappointed

Level 2 - Sad

Level 3 - Neutral

Level 4 - Happy

Level 5 - Satisfied

Sans-serif font for clean, modern look

Akzidenz-Grotesk Next belongs to traditional of general purpose and its neutral, modern look carries a classic, trustworthy feel.

Akzidenz-Grotesk Next

Regular/ Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789[{]}\|;:’”,<.>/?`~
!@#$%^&*()-=_+

Title

26px Medium

Header

22px Medium

Number Value

20px Medium

Subheader

16px Regular

Key Label

14px Regular

Colors and patterns

Different colors are used to reflect related data values, while patterns are applied to avoid stereotypes and ensure inclusivity.

Brand Color

#BA7DF0

Gender Pattern

Male

Female

Four Seasons

Spring

#6CBF84

Summer

#FF8888

Fall

#F4A261

Winter

#8CB9D6

Customer Segments

Curious Explorer

#135AE1

Royal Big Spender

#2197FF

Bulk Buyer

#F2B90F

Occasional Indulger

#9852D9

Last Minute Buyer

#09AA64

Conscious Consumer

#058896

Value Seeker

#FA6502

Returners & Swapper

#F54E8B

Accessibility (Contrast Check)

WCAG Grading (AAA)

7.48:1

7.25:1

8.09:1

7.96:1

9.3:1

WCAG Grading (AA)

5.04:1

5.5:1

5.51:1

5.5:1

5.78:1

Icons with outline styles

Outlined icons are chosen for a clean, minimalist look that enhances clarity and easy recognition for users.

MarketLens brings smarter decisions.

Both business owners and marketing managers can predict how the market will be and what facts should to consider in entering into markets.

Launch a campaign at the right time

Promote the right product by channel effectiveness

Adjust marketing strategies backed by market insights

Make confident investments with data-driven clarity

Avoid costly decisions by reducing risks

MarketLens

From Data to Smarter Decisions

EcoBuddies

UX / UI / Product Design

Helping international students sell, buy or donate their belongings items to make moving in-and-out easy.

Shwe Pu Zun

Branding Design

Rebranding the bakery and café with fresh packaging, branding, campaigns, and designing app and website.

SuppLink

UX / UI / Product Design

A direct link for shop owners to suppliers—browse livestock, stay updated on prices, and order with ease.

Get In Touch

Behance

Instagram

Product Purchase Rate

Product Purchase Rate

Each product category is shown with an icon and color-coded bars for the four seasons. Hovering over a bar reveals the total customer purchase amount for that season.

Each product category is shown with an icon and color-coded bars for the four seasons. Hovering over a bar reveals the total customer purchase amount for that season.

Radial Network Graph

Radial Network Graph

Clicking a product category reveals seasonal purchase rates by location, sorted from highest to lowest.

Clicking a product category reveals seasonal purchase rates by location, sorted from highest to lowest.

Sunburst Chart

Sunburst Chart

To ensure accessibility and avoid gender color stereotypes, I use patterns instead of color to represent gender making the visualization inclusive for users with color vision deficiencies.

To ensure accessibility and avoid gender color stereotypes, I use patterns instead of color to represent gender making the visualization inclusive for users with color vision deficiencies.

Column Chart (Grouped)

Column Chart (Grouped)

Instead of showing numbers, I use varying circle sizes to represent engagement rates. The larger the circle, the higher the customer engagement for both channels and product categories.

Instead of showing numbers, I use varying circle sizes to represent engagement rates. The larger the circle, the higher the customer engagement for both channels and product categories.

Radial Network Graph with packed circles

Radial Network Graph with packed circles

Customer Purchase Amount

Customer Purchase Amount

Users can check customer purchase amounts based on product categories, income levels and cities.

Users can check customer purchase amounts based on product categories, income levels and cities.

Product Preferences

Product Preferences

Users can check which products are preferred in which locations and by customer segments.Why it matters: Especially for global launches, understanding product preferences by location helps improve decision-making and market prediction.

Users can check which products are preferred in which locations and by customer segments.Why it matters: Especially for global launches, understanding product preferences by location helps improve decision-making and market prediction.

Customer segments are categorized based on their purchasing behaviours and personalities.

Customer segments are categorized based on their purchasing behaviours and personalities.

Curious Explorers

Curious Explorers

Try new products often, shop across categories, influenced by trends.

Try new products often, shop across categories, influenced by trends.

Royal Big Spenders

Royal Big Spenders

Frequent buyers, high spending, brand loyal.

Frequent buyers, high spending, brand loyal.

Occasional Indulgers

Occasional Indulgers

Buy only during promotions, prefer small luxuries, not loyal.

Buy only during promotions, prefer small luxuries, not loyal.

Returners & Swappers

Returners & Swappers

Frequently return or exchange items, indecisive or size sensitive.

Frequently return or exchange items, indecisive or size sensitive.

Last Minute Buyers

Last Minute Buyers

Purchase out of urgency, often for occasions or deadlines.

Purchase out of urgency, often for occasions or deadlines.

Value Seekers

Value Seekers

Focus on discounts, bundle deals, loyalty points.

Focus on discounts, bundle deals, loyalty points.

Conscious Consumers

Conscious Consumers

Buy with purpose eco-friendly, cruelty-free, or ethical sourcing focused.

Buy with purpose eco-friendly, cruelty-free, or ethical sourcing focused.

Bulk Buyers

Bulk Buyers

Purchase in large quantities, usually less frequently.

Purchase in large quantities, usually less frequently.

Customer Satisfaction

Customer Satisfaction

Users can check how each of customer segment react feedback in the market. Why it matters: Understanding customer behaviour is key to launching a product and helping marketers adjust their strategies effectively.

Users can check how each of customer segment react feedback in the market. Why it matters: Understanding customer behaviour is key to launching a product and helping marketers adjust their strategies effectively.

Data points of yellow lines represent number of customers reactions for each satisfaction level.

Data points of yellow lines represent number of customers reactions for each satisfaction level.

Radar Chart

Radar Chart

Using emojis helps visualize customer satisfaction levels in a simple and easily understandable way.

Using emojis helps visualize customer satisfaction levels in a simple and easily understandable way.

Level 1 - Disappointed

Level 1 - Disappointed

Level 2 - Sad

Level 2 - Sad

Level 3 - Neutral

Level 3 - Neutral

Level 4 - Happy

Level 4 - Happy

Level 5 - Satisfied

Level 5 - Satisfied

Users can check which products are preferred in which locations and by customer segments.

Why it matters: Especially for global launches, understanding product preferences by location helps improve decision-making and market prediction.

Users can check which products are preferred in which locations and by customer segments.

Why it matters: Especially for global launches, understanding product preferences by location helps improve decision-making and market prediction.

Users can check how each of customer segment react feedback in the market.

Why it matters: Understanding customer behaviour is key to launching a product and helping marketers adjust their strategies effectively.

Users can check how each of customer segment react feedback in the market.

Why it matters: Understanding customer behaviour is key to launching a product and helping marketers adjust their strategies effectively.