Enhancing Data Processing and Productivity with DataNimbus Designer
.png)
Timeline
1 month (Aug 2024)
Team of 2
Responsibilities
Creating a design system, Wireframing and final designs screens
Role
UI UX Designer
Tools
Figma
The Challenge
​
The existing ETL (Extractor, Transformer and Loader) tool was confusing and unintuitive, with cluttered interfaces, inconsistent workflows, and poor navigation. Users struggled to find key features and complete tasks efficiently, leading to frequent errors and frustration. The challenge was to redesign the tool for a seamless, user-friendly experience that catered to both technical and non-technical users.
ETL Tool
Extractors
Transformers
Loaders
ETL Process
The ETL tool streamlines data extraction, transformation, and loading with an intuitive, user-friendly interface. It simplifies complex workflows and ensures seamless integration with Databricks.
Extractors
Transformers
Loaders
Users select files to Extract
Reshaping/Formatting /Cleansing the data
Prepare and choose data destination
Target Audience
Data Engineer
Data Scientist
Data Analysts
Developer
Design Process
​
1. Creating a customised Design System
​
With a tight one-month project timeline, we focused on developing essential components to ensure design consistency. Beyond setting the basics like color schemes, typography, spacing, buttons, and input fields, we also created reusable nodes for the canvas screen, enabling users to easily drag and drop modules.
​2. Wireframing and Iterations​
We maintained a daily cadence with the client, allowing us to discuss designs and gather feedback in real-time. This fostered efficient collaboration, quick iterations, and ensured that the final product allowed for ease of use and seamless integration into their workflows.
The Canvas aka Workspace
A drag-and-drop workspace for ETL nodes with connectors, customizable nodes, and an edit panel for easy modifications.
Blocks Page
The block page catalogs available blocks for quick selection and lets users create custom blocks for tailored workflows.
In addition to the above flows, we designed several others, including the file listing page, configurations page, and connectors page. These flows help users easily manage their files, customize settings, and seamlessly integrate various data sources, ensuring a smooth and efficient ETL process.
Personal Takeaways
This project gave me the opportunity to work on a SaaS product and gain valuable insights into the design of a technical data tool. What excited me most was the challenge of creating a visual language and intuitive layout that could be easily understood, even by novice users.
Designing a workspace with user-friendly nodes and a familiar drag-and-drop feature allowed me to balance technical complexity with simplicity. It was rewarding to ensure that, despite the tool's sophisticated functionality, the user experience remained approachable and efficient for all skill levels.
What I'd do Differently
If I were to do this project again, I would:
-
Incorporate User Research to refine usability for both beginners and experts.
-
Gain Deeper Insights into data workflows by engaging more with data engineers and end-users.