Fluree

Fluree

Fluree Nexus

Fluree Nexus

Fluree PBC is a data management company that provides a secure and trusted data platform for enterprises. Their core offering is a semantic graph database that incorporates blockchain technology to ensure data integrity, immutability, and verifiable provenance.

Fluree PBC is a data management company that provides a secure and trusted data platform for enterprises. Their core offering is a semantic graph database that incorporates blockchain technology to ensure data integrity, immutability, and verifiable provenance.

Company

Company

Fluree

Fluree

Product

Product

Fluree Nexus

Fluree Nexus

Collaborators

Collaborators

Bryan Ranzenberger | UX Designer
Timy Gonzalez | UX Designer
Jose Arias | 3D Graphic Artist

Bryan Ranzenberger | UX Designer
Timy Gonzalez | UX Designer
Jose Arias | 3D Graphic Artist

Role

Role

Senior Product Designer

Senior Product Designer

Year

Year

2024

2024

Problem Statement

Problem Statement

Until now, users are using the Nexus Core application through the command prompt. This is a problem for non-technical users who prefer to have a web user interface.

Until now, users are using the Nexus Core application through the command prompt. This is a problem for non-technical users who prefer to have a web user interface.

Objectives & Goals

Objectives & Goals

Users should easily understand the origin and history of data, with clear visual cues or information indicating its trustworthiness and provenance.

Users should easily understand the origin and history of data, with clear visual cues or information indicating its trustworthiness and provenance.

The application should present audit trails and data lineage in an accessible and understandable format, even for non-technical users who need to verify data integrity.

The application should present audit trails and data lineage in an accessible and understandable format, even for non-technical users who need to verify data integrity.

Users should be able to intuitively navigate and explore the interconnected nature of the data through clear visualizations or graph-based interfaces.

Users should be able to intuitively navigate and explore the interconnected nature of the data through clear visualizations or graph-based interfaces.

The application should provide intuitive controls for managing data permissions and access rights.

The application should provide intuitive controls for managing data permissions and access rights.

The application should provide a clear and organized interface for managing datasets, permissions, and ledger configurations.

The application should provide a clear and organized interface for managing datasets, permissions, and ledger configurations.

The application should have a consistent design language and intuitive navigation to ensure a predictable and efficient user experience across different features.

The application should have a consistent design language and intuitive navigation to ensure a predictable and efficient user experience across different features.

The platform should be performant and responsive, providing a smooth and reliable experience when interacting with large datasets and complex queries.

The platform should be performant and responsive, providing a smooth and reliable experience when interacting with large datasets and complex queries.

UX Process

UX Process

4. Code & Deploy

4. Code & Deploy

5. Measure and Learn

5. Measure and Learn

3. Conceptualize

3. Conceptualize

2. Define

2. Define

1. Discover

1. Discover

Deliverables

Deliverables

Deliverables

Deliverables

Deliverables

Deliverables

Deliverables

Deliverables

Deliverables

Deliverables

Needs

Users

Stakeholders

LOBs

FRDs

Accessibility


Needs

Users

Stakeholders

LOBs

FRDs

Accessibility


Business goals

User needs

User journeys

Information arch.

Visual preferences

Success Metrics

Business goals

User needs

User journeys

Information arch.

Visual preferences

Success Metrics

Design language

Layout design

Interaction design

Usability testing


Design language

Layout design

Interaction design

Usability testing


Front-end coding

Back-end coding

API Integration

Testing & QA

UX Auditing
Deployment

Front-end coding

Back-end coding

API Integration

Testing & QA

UX Auditing
Deployment

Metrics for LOBs

Usage analytics

User feedback

Accessibility

Metrics for LOBs

Usage analytics

User feedback

Accessibility

Success metrics

Heuristic evaluations

Accessibility tests

Recommendations

Improvements plan

Success metrics

Heuristic evaluations

Accessibility tests

Recommendations

Improvements plan

Front-end code

Back-end code

QA Test plan

Deployment plan

Developers docs

Front-end code

Back-end code

QA Test plan

Deployment plan

Developers docs

User stories

Journey maps

Taxonomies

Persona designs

Flow diagrams

Mind maps


User stories

Journey maps

Taxonomies

Persona designs

Flow diagrams

Mind maps


Design system
Low-res wireframes

Hi-res wireframes

Prototypes/Animations

Graphic assets

Usability test analisys

Design system
Low-res wireframes

Hi-res wireframes

Prototypes/Animations

Graphic assets

Usability test analisys

Interviews

Surveys

Report


Interviews

Surveys

Report


Research

Research

Design

Design

Learn

Learn

Iterate

Iterate

Code

Code

pen

pen

lightbulb

lightbulb

brackets

brackets

ruler

ruler

Discover

Discover

Needs

Needs

Discover the needs for this product by conducting user interviews and asking questions related to the need for the product.

Discover the needs for this product by conducting user interviews and asking questions related to the need for the product.

Users

Users

Find out which types of users benefit from this product.

Find out which types of users benefit from this product.

Stakeholders

Stakeholders

Find out who are the primary stakeholders fro this product. From end users to CEOs.

Find out who are the primary stakeholders fro this product. From end users to CEOs.

LOBs

LOBs

Find out what lines of business are part of this project or could be part of this project.

Find out what lines of business are part of this project or could be part of this project.

FRDs

FRDs

Find out if there are existing functional requirement (FRD) document or see if they are complete or need to be completed, who owns the document, etc

Find out if there are existing functional requirement (FRD) document or see if they are complete or need to be completed, who owns the document, etc

Accessibility

Accessibility

Find out if there are any specific accessibility requirements for ADA, WCAG, etc.

Find out if there are any specific accessibility requirements for ADA, WCAG, etc.

Deliverables

Deliverables

Interviews

Interviews

Results of interviews with executive summaries and quantitative measurements.

Results of interviews with executive summaries and quantitative measurements.

Surveys

Surveys

Results of surveys with executive summaries and quantitative measurements.

Results of surveys with executive summaries and quantitative measurements.

Reports

Reports

Reports of any other findings related to this discovery phase.

Reports of any other findings related to this discovery phase.

pen

pen

Define

Define

Business Goals

Business Goals

Define what the business goals are for this suite of applications.

Define what the business goals are for this suite of applications.

User Needs

User Needs

Define what the users needs mean for this specific.

Define what the users needs mean for this specific.

User Journeys

User Journeys

Define what a user journey or journeys are for this suite of applications.

Define what a user journey or journeys are for this suite of applications.

Information Architechture

Information Architechture

Define what the information architecture should be for this suite of applications.

Define what the information architecture should be for this suite of applications.

Visual Preferences

Visual Preferences

Define the meaning of visual preferences for this suite of applications.

Define the meaning of visual preferences for this suite of applications.

Deliverables

Deliverables

User Stories

User Stories

Deliver documents with user stories for each one of the applications in this suite. User stories should be as granular as possible, including role, goal, benefit/reason, etc.

Deliver documents with user stories for each one of the applications in this suite. User stories should be as granular as possible, including role, goal, benefit/reason, etc.

Journey Maps

Journey Maps

Deliver documents with journey maps for each one of the applications in this suite. Journey maps should be as granular as possible, including personae design, scenarios, stages, etc.

Deliver documents with journey maps for each one of the applications in this suite. Journey maps should be as granular as possible, including personae design, scenarios, stages, etc.

Persona Design

Persona Design

Deliver documents with persona design for each one of the applications in this suite. Persona designs shouls be as granular as possible, including a realistic presentation, demographics, goals and motivations, etc.

Deliver documents with persona design for each one of the applications in this suite. Persona designs shouls be as granular as possible, including a realistic presentation, demographics, goals and motivations, etc.

Taxonomies

Taxonomies

Deliver documents with taxonomies for each one of the applications in this suite. Taxonomies should be as granular as possible, including hierarchy, mental models, etc.

Deliver documents with taxonomies for each one of the applications in this suite. Taxonomies should be as granular as possible, including hierarchy, mental models, etc.

Mind Maps

Mind Maps

Deliver documents with mind maps for each one of the applications in this suite. Mind Maps should be as granular as possible, including branches, sub-branches, keywords, connections, etc.

Deliver documents with mind maps for each one of the applications in this suite. Mind Maps should be as granular as possible, including branches, sub-branches, keywords, connections, etc.

lightbulb

lightbulb

Conceptualize

Conceptualize

Design laguage

Design laguage

Conceptualize a design language for the full suite of applications. This should include, visual style, UI components and guidelines, interaction guidelines, etc.

Conceptualize a design language for the full suite of applications. This should include, visual style, UI components and guidelines, interaction guidelines, etc.

Layout Design

Layout Design

Conceptualize a layout design for the full suite of applications. This should include, gris systems, visual hierarchy, whitespace, responsiveness, etc.

Conceptualize a layout design for the full suite of applications. This should include, gris systems, visual hierarchy, whitespace, responsiveness, etc.

Interaction Design

Interaction Design

Conceptualize a layout design for the full suite of applications. This should include, grid systems, visual hierarchy, whitespace, responsiveness, etc.

Conceptualize a layout design for the full suite of applications. This should include, grid systems, visual hierarchy, whitespace, responsiveness, etc.

Usability testing

Usability testing

Conceptualize a usability testing plan for the full suite of applications. This testing is made pre-deployment so only Figma designs will be used. This should include, navigation, information architecture, overall flow and user journeys, etc.

Conceptualize a usability testing plan for the full suite of applications. This testing is made pre-deployment so only Figma designs will be used. This should include, navigation, information architecture, overall flow and user journeys, etc.

Deliverables

Deliverables

Design System

Design System

A complete design system using Figma.

A complete design system using Figma.

Low-res Wireframes

Low-res Wireframes

Low-res wireframes using Figoma.

Low-res wireframes using Figoma.

Hi-res Wrireframes

Hi-res Wrireframes

Hi-res wireframes using Figma, AI, Photoshop, Etc.

Hi-res wireframes using Figma, AI, Photoshop, Etc.

Prototypes / Animations

Prototypes / Animations

Prototypes using Figma, Framer, D3.js visualizations, etc

Prototypes using Figma, Framer, D3.js visualizations, etc

Graphic Assets

Graphic Assets

All assets in hi resolution. Assets within the Figma files can be downloaded by developers while in Figma dev mode.

All assets in hi resolution. Assets within the Figma files can be downloaded by developers while in Figma dev mode.

Usability Test Analisys

Usability Test Analisys

Usability testing reports.

Usability testing reports.

brackets

brackets

Code

Code

Front-end Development

Front-end Development

After UX Design sign off, using Figma, sent link to the developers in DEV mode.

After UX Design sign off, using Figma, sent link to the developers in DEV mode.

Back-end Development

Back-end Development

Back-end developers create the back end code to support the UI designs, interactions, databases, etc.

Back-end developers create the back end code to support the UI designs, interactions, databases, etc.

API Integration

API Integration

Developers integrate APIs into the application.

Developers integrate APIs into the application.

Testing & QA

Testing & QA

The QA team creates test plans of various types.

The QA team creates test plans of various types.

Deployment Plan

Deployment Plan

Create a deployment plan.

Create a deployment plan.

UX Auditing

UX Auditing

UX designers review and audit design tickets.

UX designers review and audit design tickets.

Deliverables

Deliverables

Front-end Code

Front-end Code

Front-end code is created through a software development cycle managed through the Azure DevOps agile ticketing system.

Front-end code is created through a software development cycle managed through the Azure DevOps agile ticketing system.

Back-end Code

Back-end Code

Back-end code to support the UI designs, interactions, databases, etc.

Back-end code to support the UI designs, interactions, databases, etc.

QA Test Plan

QA Test Plan

QA test plans of various types and actual testing reports.

QA test plans of various types and actual testing reports.

Deployment Plan

Deployment Plan

Developers and other stakeholders present a deployment plan.

Developers and other stakeholders present a deployment plan.

UX Audit Tickets

UX Audit Tickets

Assign one or more UX designers to audit the development tickets that are in the UX/QA bucket in the DevOps ticketing system.

Assign one or more UX designers to audit the development tickets that are in the UX/QA bucket in the DevOps ticketing system.

ruler

ruler

Measure & Learn

Measure & Learn

Success Metrics

Success Metrics

Define metrics for the lines of business within the company.

Define metrics for the lines of business within the company.

Usage Analytics

Usage Analytics

Define usage analytics for post deployment measurements.

Define usage analytics for post deployment measurements.

User Feedback

User Feedback

Gather user feedback before and after beta and general availability (GA)

Gather user feedback before and after beta and general availability (GA)

Accessibility Tests

Accessibility Tests

Define the accessibility test plan to comply with WCAG and ADA.

Define the accessibility test plan to comply with WCAG and ADA.

Deliverables

Deliverables

Success Metrics

Success Metrics

Success metrics reports.

Success metrics reports.

Heuristic Evaluations

Heuristic Evaluations

Heuristic evaluation reports.

Heuristic evaluation reports.

Accessibility Test Results

Accessibility Test Results

Accessibility test results.

Accessibility test results.

Recommendations

Recommendations

Recommendations report for future iterations

Recommendations report for future iterations

Improvements Plan

Improvements Plan

Improvements plan. This includes backlog items, new features, changes to product roadmap, etc.

Improvements plan. This includes backlog items, new features, changes to product roadmap, etc.

Personae Design

Personae Design

Maria Smith

Maria Smith

Age

Age

30

30

Education

Education

Masters in Computer Science

Masters in Computer Science

Status

Status

Married

Married

Occupation

Occupation

Data Analyst

Data Analyst

Location

Location

Mooresville, NC

Mooresville, NC

TEch literate

TEch literate

High

High

I want an efficient use of my time when using this software.

I want an efficient use of my time when using this software.

Bio

Bio

Maria lives in Charlotte, NC. She is data analyst. She loves working with data and likes to mentor junior employees.

Maria lives in Charlotte, NC. She is data analyst. She loves working with data and likes to mentor junior employees.

Core needs

Core needs

Needs to master a process to ingest, classify, and resolve data

Needs to master a process to ingest, classify, and resolve data

Needs to leverage her knowledge of AI to use AI/ML-driven workflows

Needs to leverage her knowledge of AI to use AI/ML-driven workflows

Needs to be productive and efficient

Needs to be productive and efficient

Frustrations

Frustrations

The older products she is using have a steep learning curve

The older products she is using have a steep learning curve

The older products she uses have bad UX experiences

The older products she uses have bad UX experiences

With the older software she uses, she does not have a seamless user experience among all products

With the older software she uses, she does not have a seamless user experience among all products

Personality

Personality

Leader

Leader

Thinker

Thinker

Analyser

Analyser

Tech-savy

Tech-savy

Mark Kaiser

Mark Kaiser

Age

Age

35

35

Education

Education

Masters in Business Administration

Masters in Business Administration

Status

Status

Silgle

Silgle

Occupation

Occupation

Business Analyst

Business Analyst

Location

Location

Mooresville, NC

Mooresville, NC

TEch literate

TEch literate

Medium

Medium

I am used to wasting a lot of time with products that have confusing user experiences.

I am used to wasting a lot of time with products that have confusing user experiences.

Bio

Bio

Mark lives in Charlotte, NC. He is a business analyst. He likes to work remotely and he travels frequently to consult with clients.

Mark lives in Charlotte, NC. He is a business analyst. He likes to work remotely and he travels frequently to consult with clients.

Core needs

Core needs

Needs to master a process to ingest, classify, and resolve data

Needs to master a process to ingest, classify, and resolve data

Needs to leverage his knowledge of AI to use AI/ML-driven workflows

Needs to leverage his knowledge of AI to use AI/ML-driven workflows

Needs to produce trusted golden records

Needs to produce trusted golden records

Frustrations

Frustrations

The older products he is using have a steep learning curve

The older products he is using have a steep learning curve

The older products he uses have bad UX experiences

The older products he uses have bad UX experiences

With the older software he uses, he does not have a seamless user experience among products

With the older software he uses, he does not have a seamless user experience among products

Personality

Personality

Introvert

Introvert

Thinker

Thinker

Analyser

Analyser

Tech-savy

Tech-savy

User Journey and UI Designs

User Journey and UI Designs

Design & Development Tools Used in this Project

Design & Development Tools Used in this Project

Timy Gonzalez

Copyright © 2025 Timy Gonzalez

Address

Mooresville, NC, USA

My Email

timygonzalez@mail.com

Call Me Now

704-402-4401