top of page
cover.png

Overview

Current status

MVP and V1 launched

My role

Design lead

Duration

3 months

Team

2 Engineers

1 Product Manager

Background

DataStax is a real-time data company that enables organizations to build scalable, high-performance applications using Apache Cassandra®, the industry’s leading NoSQL database. Its core product, Astra, is a cloud-native data platform—and the foundation where this new feature was introduced.

Design Process

process.png

Business Opportunity

At DataStax, we conducted numerous user interviews and built strong relationships within the developer community. Through these conversations, we observed a growing trend of developers building decentralized applications and a rising need to access and interact with blockchain data. Recognizing this emerging demand—and the lack of existing solutions—we identified a clear market gap.

 

This insight led to the creation of Astra Block.

23672959_6771183 1.jpg

Business Goals

Screenshot 2025-04-03 at 5.34.31 PM.png

User Interview

Participants

7 web 3 developers (5 male, 2 female)

Method

Unmoderated interview via usertesting.com

Screenshot 2025-04-03 at 4.01.28 PM.png

Insights from Users

Screenshot 2025-04-03 at 4.30.15 PM.png

Primary Persona

persona.jpg

HMW

Simplify the process for web 3 developers to accessing historical data and staying synchronized with real-time updates from the blockchain for more efficient web 3 application development?

Screenshot 2025-03-24 at 2.31_edited.jpg

Milestone and Goals

milestone.png

Milestone Details

Phase 0 requirments

Add capacity to submit request to try Astra Block

We will manually review the requests and turn the feature on for developers

Ideate a flow to submit the flow

No need to add any blockchain UI to dashboard  for this phase

Flow

Screenshot 2025-03-24 at 2.40.58 PM.png

Solution

Home new.png
writing_edited.png

​Add a banner on both home page and database dashboard for the access request

writing_edited.png

Click CTA in the banner to open the dialog

Dialog_ Open.png
filled.png

Dropdown

Frame 1154.png

Filled state

Field.png

Error state

error.png

Input field with label and helper text

Area.png
writing_edited.png

Directly send users back the the home page

after submit.png
writing_edited.png

Send notification email regarding the request and after the request approval

email.png
email2.png
isometric-mockups-11.png

Phase 1 Requirements

Users should be able to select the type of data set and then be able to rename and deploy it to the region they wanna deploy to.

Users should have the ability selecting which tables they want to clone to try and limit overconsumption since the main DB is very large.

Developers should be able to clone historical data and sync real time new data

Ideate UI and merge it to dashboard, make it consistent with the existing style

Users should be able to create, manage and monitor the status of a database.

Solution

blockentrance.png
1440px viewport.png
writing_edited.png

If the request is approved, users will see a new banner to enter the feature

Clone Historical Data

writing_edited.png

- Create both complete version and lightweight version data for users to clone

- Pre-fill provider and region for users to save time and costs

clone dialog 1.png
Group 1119.png
Frame 1167.png
providers-dropdown unlocked.png
regions-dropdown locked flags.png
writing_edited.png

By submitting the dialog, users come to Astra Block dashboard

ezgif.com-animated-gif-maker (5).gif

Sync Real Time New Data

writing_edited.png

- Turn on toggle to start the live new data syncing process

- Select the start and end date so users can only sync the date they need

- Notify users regarding the cost for the transparency purpose

- The data is being synced...

SYNC NEW DATA

ezgif.com-animated-gif-maker (6).gif
Group 1139-min.jpg

Usability Test

Feedback
feedback.jpg
Revision
provider.png
region recommend.png
Screen 31.png
ezgif.com-animated-gif-maker (7).gif
ezgif.com-animated-gif-maker (3).gif

Success Metrics

heart.png

UX Copy

Screenshot 2023-09-14 at 2.29.13 PM.png
Screenshot 2023-09-14 at 2.29.40 PM.png
Screenshot 2023-09-14 at 2.29.34 PM.png
Screenshot 2023-09-14 at 2.29.27 PM.png
Screenshot 2023-09-14 at 2.29.20 PM.png
Also a UX writer? YES! 

Impact

Metrics
data.png
Media Recognization
If you search 'Astra Block' on Google, you'll find plenty of articles discussing it!
Screenshot 2025-03-26 at 12.46.41 PM.png

Challenges

For the business...

  • Lack of Precedents: The nascent realm of blockchain technology meant a significant absence of mature products in the market to use as benchmarks or references.

  • Navigating Uncharted Territories: Without a tried and true roadmap, the business had to create its own path, often venturing into the unknown.

  • Defining Industry Standards: As pioneers, there was a responsibility to set standards and best practices in a landscape where few existed.

  • Discerning Valuable Information: With the inundating hype surrounding blockchain, distinguishing legitimate and essential information was a task.

For me as a Product Designer...

  • Rapid Technical Immersion: Had to quickly dive deep into the intricacies of blockchain technology, moving beyond my design-centric comfort zone.

  • Understanding Real-world Implications: Grasping the conceptual foundations wasn't enough; I needed to discern their practical applications, especially for developers.

  • Ideation Under Pressure: Post-learning, the challenge shifted to ideating solutions to ensure developers had a seamless experience.

  • Designing Intuitive Interfaces: Aiming to make complex blockchain concepts accessible through design, ensuring interfaces transcended technical complexities.

bottom of page