Crypto No code Data Builder for Delphi Digital

Sandeep K

UX Researcher
Product Designer
UI Designer
Figma
Delphi Digital

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.

Problems:

As I worked on this project, I encountered a range of problems spanning UX/UI, data visualization, user access, sharing, customization, and many others. Please refer to the detailed list below for further explanation.

UI & UX: Designing a tool for an already established brand can be challenging from the perspective of UI as you don’t have much freedom to choose the colors, branding, and many other things. I knew from the start that I would have to stay consistent with the branding while designing the UI, and I worked on that; I was happy with how it turned out.

The UX was also a bit challenging as we had to work on the user journeys and figure out the possible roadmap for the users. In this case, starting from the members portal to landing on the Databuilder and going through the multiple steps to design a widget/chart or build a data dashboard. I thank the PMs and other design team members for helping me figure this out and establish a solid path for the users.

Some common problems we're trying to solve
Some common problems we're trying to solve

Initial user flow decided by us
Initial user flow decided by us
Some early explorations
Some early explorations
Some early explorations
Some early explorations

Solutions:

The solution involved coming up with a product that lets you create a widget or chart without writing a single line of code. After thoroughly going over the project needs, we mapped out a possible direction and divided the entire chart creation process into three to four parts and worked on that.

We broke down the entire process into:

Source dataset

Choose visualization type

Apply filters

Fill out the information

And then you have the widget.

Final Designs:

Builder Landing
Builder Landing

Builder Empty
Builder Empty

Choose Dataset
Choose Dataset

Design Dataset
Design Dataset

Thank you for browsing my work.

Partner With Sandeep
View Services

More Projects by Sandeep