Crypto No code Data Builder

Crypto No code Data Builder

The Delphi Chart builder is an intuitive no-code solution that allows users to explore and build widgets using datasets. Users can create a collection of widgets, charts, and KPIs, which can later be combined to create a dashboard using the Dashboard Builder.

About Project

This product is a no code data builder that allows users to create charts, widgets, and full dashboards using existing or custom datasets without writing code. Users can combine datasets, apply filters, build KPI widgets, organize projects, and share or publish dashboards with permission controls.

The goal was to design an intuitive system that simplifies complex data visualization workflows while supporting customization, sharing, and scalable project organization.

This product is a no code data builder that allows users to create charts, widgets, and full dashboards using existing or custom datasets without writing code. Users can combine datasets, apply filters, build KPI widgets, organize projects, and share or publish dashboards with permission controls.

The goal was to design an intuitive system that simplifies complex data visualization workflows while supporting customization, sharing, and scalable project organization.

This product is a no code data builder that allows users to create charts, widgets, and full dashboards using existing or custom datasets without writing code. Users can combine datasets, apply filters, build KPI widgets, organize projects, and share or publish dashboards with permission controls.

The goal was to design an intuitive system that simplifies complex data visualization workflows while supporting customization, sharing, and scalable project organization.

My Role as a Designer

I was primarily responsible for designing the first version of the product, from early concepts and UX structure to high fidelity UI.

I created initial mockups, mapped user journeys, and designed the core builder experience for charts, widgets, and dashboards. Working within strict brand constraints, I established a cohesive interface using the existing visual language while building a functional and scalable UI.

After launch, I collaborated with the team to improve usability. This included restructuring the widget creation flow into clearer progressive stages so users could build charts and dashboards more easily and quickly. Later iterations and feature expansions were continued by the broader design and development team.

I was primarily responsible for designing the first version of the product, from early concepts and UX structure to high fidelity UI.

I created initial mockups, mapped user journeys, and designed the core builder experience for charts, widgets, and dashboards. Working within strict brand constraints, I established a cohesive interface using the existing visual language while building a functional and scalable UI.

After launch, I collaborated with the team to improve usability. This included restructuring the widget creation flow into clearer progressive stages so users could build charts and dashboards more easily and quickly. Later iterations and feature expansions were continued by the broader design and development team.

I was primarily responsible for designing the first version of the product, from early concepts and UX structure to high fidelity UI.

I created initial mockups, mapped user journeys, and designed the core builder experience for charts, widgets, and dashboards. Working within strict brand constraints, I established a cohesive interface using the existing visual language while building a functional and scalable UI.

After launch, I collaborated with the team to improve usability. This included restructuring the widget creation flow into clearer progressive stages so users could build charts and dashboards more easily and quickly. Later iterations and feature expansions were continued by the broader design and development team.

Year

2022-23

Year

2022-23

Year

2022-23

Year

2022-23

Timeframe

2-3 Months

Timeframe

2-3 Months

Timeframe

2-3 Months

Timeframe

2-3 Months

Tools

Figma

Tools

Figma

Tools

Figma

Tools

Figma

Category

Product Design

Category

Product Design

Category

Product Design

Category

Product Design

Problem

  • The product required clear structure across complex user journeys, from entry into the members portal to building charts and dashboards.

  • Design flexibility was limited because the interface had to remain consistent with an already established brand system.

  • Data visualization workflows involved high cognitive load, especially when combining datasets and configuring outputs.

  • Early design explorations risked becoming too design heavy, which could make a functional builder feel unnecessarily complex.

  • User access, sharing, and publishing paths required careful planning to support different usage scenarios.

  • Customization needed a clear structure across data source selection, visualization choice, and configuration settings.

Solution

The solution was to design a no code builder experience that simplifies chart and widget creation through structured steps.

The creation process was organized into a clear sequence:

  • Select the data source

  • Choose the visualization type

  • Apply filters

  • Configure and customize the output

Interaction patterns were simplified to prioritize usability and clarity over visual complexity.

  • Guided flows helped users move smoothly from dataset selection to dashboard creation.

  • Flexible customization controls allowed users to define labels, values, and presentation settings clearly.

  • Permissions, sharing, and previewing features were designed to support collaboration and distribution.

Problems, Research, and Needs

Userflows and direction

Initial Datahub Lander

Chart Builder 0.1- Browse Dataset Screen

Chart Builder 0.1

Chart Builder 0.1- WIdget info Screen

Chart Builder 0.1- WIdget Share Screen

Datahub Home

Load Dataset

Choose Dataset

Empty Widget Builder | Select Visualization Type

Visualisation Panel

Table Visualization

Datahub with Widgets and Dashboards

Sharing Options

Unsaved changes modal

Upload csv Dataset

Visualization

Dataset

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate

Say hello

I'm open for freelance projects, feel free to email me to see how can we collaborate