Launched
Launched
DataSpire - MVP
DataSpire - MVP
This project aims to provide an AI no-code platform, enable businesses to effortlessly tap into the power of data and equip AI capability.
This project aims to provide an AI no-code platform, enable businesses to effortlessly tap into the power of data and equip AI capability.
AI Platform
AI Platform
WebApp
WebApp
Role
Role
UX/UI Designer
UX/UI Designer
Duration
Duration
20 weeks
20 weeks
Tools
Tools
Figma
Figma
Teammate
Teammate
Nam Hoang (PM)
Nam Hoang (PM)
Tran Pham (UX/UI)
Tran Pham (UX/UI)
Thu Bui (UX/UI)
Thu Bui (UX/UI)
Marketing site: https://dataspire.ai/
Platform site: https://platform-qa.dataspire.ai/
About DataSpire
About DataSpire
An online platform aims to demystify and accelerate AI adoption. By simplifying the complexity of AI, DataSpire makes it accessible for everyone to integrate AI into their business solutions and unlock the full potential of their data.
An online platform aims to demystify and accelerate AI adoption. By simplifying the complexity of AI, DataSpire makes it accessible for everyone to integrate AI into their business solutions and unlock the full potential of their data.
The story
The story
This product has been in the pipeline for a long time, spearheaded by Mr. Duy Nguyen (CEO of HCG). The objective of this MVP version is to visualize DataSpire's growth potential to investors. The primary focus of this MVP version will be on the homepage and the project structure. This will include account sign-up, project setup, model selection, API requests, API latency, credit spent on a project, trying out a model, and integration.
This product has been in the pipeline for a long time, spearheaded by Mr. Duy Nguyen (CEO of HCG). The objective of this MVP version is to visualize DataSpire's growth potential to investors. The primary focus of this MVP version will be on the homepage and the project structure. This will include account sign-up, project setup, model selection, API requests, API latency, credit spent on a project, trying out a model, and integration.
Responsibilities
Responsibilities
Build style concept after the MVP launch, the official release can also be seamlessly integrated and utilized.
Build style concept after the MVP launch, the official release can also be seamlessly integrated and utilized.
Hold meetings at each design phase to update to the PM, Client, and Design team.
Hold meetings at each design phase to update to the PM, Client, and Design team.
Set up components in Figma file perfectly for easier maintenance in the future.
Set up components in Figma file perfectly for easier maintenance in the future.
Making prototypes for client presentations and handover to developers.
Making prototypes for client presentations and handover to developers.
Collaborate with dev team to ensure seamless integration of design elements and functionality.
Collaborate with dev team to ensure seamless integration of design elements and functionality.
Process
Process
1
1
Understand
Understand
2
2
Research
Research
3
3
Userflow
4
Wireframe
Wireframe
5
5
UI design
UI design
6
Prototype & Test
Prototype & Test
Problems
Problems
DataSpire has been prepared for 8 years, and now this product need to be launched to end-user. Me and my team have to research and study about what is AI model is, how DataSpire can predict a cost and emotion, topic of data that user provided. This phase we need to help investor understand the potential of DataSpire, what can it do and impact to their business.
DataSpire has been prepared for 8 years, and now this product need to be launched to end-user. Me and my team have to research and study about what is AI model is, how DataSpire can predict a cost and emotion, topic of data that user provided. This phase we need to help investor understand the potential of DataSpire, what can it do and impact to their business.
Competitor research
Competitor research
What I've found?
What I've found?
Sign up
Sign up
Most platforms require new users to sign up.
Most platforms require new users to sign up.
They provide instructional/demo videos.
They provide instructional/demo videos.
They have a "CHAT" button at the bottom right corner for user support.
They have a "CHAT" button at the bottom right corner for user support.
GUI
GUI
For B2B user interfaces, most platforms have unrounded corners.
For B2B user interfaces, most platforms have unrounded corners.
Bright color schemes are prevalent, with few offering a dark mode, fostering a friendly atmosphere.
Bright color schemes are prevalent, with few offering a dark mode, fostering a friendly atmosphere.
Many platforms feature a sticky side menu on the left.
Many platforms feature a sticky side menu on the left.
Some platforms still utilize rounded corners as usual (Lobe, H2O).
Some platforms still utilize rounded corners as usual (Lobe, H2O).
WatsonX and Lobe do not have a sticky side menu.
WatsonX and Lobe do not have a sticky side menu.
Use model
Use model
Most platforms clearly display progress during model training, including the steps involved, and require data import.
Most platforms clearly display progress during model training, including the steps involved, and require data import.
On the surface, users select a specific task (such as chatbot, bill analysis, object detection, etc.), then choose a model to execute that task.
On the surface, users select a specific task (such as chatbot, bill analysis, object detection, etc.), then choose a model to execute that task.
There's a certain level of complexity (Tesler's Law), maintaining the complexity of some tasks, as overly simplifying may lead to loss of understanding.
There's a certain level of complexity (Tesler's Law), maintaining the complexity of some tasks, as overly simplifying may lead to loss of understanding.
Progress is always shown during training for user awareness.
Progress is always shown during training for user awareness.
Various data import options available (file, image, dataset, webcam, etc.).
Various data import options available (file, image, dataset, webcam, etc.).
Azure AI includes "Data column mapping" to map different types of data.
Azure AI includes "Data column mapping" to map different types of data.
Single-task apps do not require users to select the type of task they want to perform.
Single-task apps do not require users to select the type of task they want to perform.
User goals (B2B)
User goals (B2B)
Utilize the desired model to make investment decisions.
Utilize the desired model to make investment decisions.
Easy to use without requiring excessive time for consideration.
Easy to use without requiring excessive time for consideration.
Aware of the cost implications.
Aware of the cost implications.
Easily contact support in case of issues or queries.
Easily contact support in case of issues or queries.
Business goals
Business goals
Obtain user data for fundraising purposes and to track issues in this version for future upgrades.
Obtain user data for fundraising purposes and to track issues in this version for future upgrades.
Successfully launch a platform for other businesses to utilize.
Successfully launch a platform for other businesses to utilize.
Ensure transparency in all processes, as customers at this phase are other businesses who require clarity at every step.
Ensure transparency in all processes, as customers at this phase are other businesses who require clarity at every step.
Model training results must provide reasoning behind the outcomes.
Model training results must provide reasoning behind the outcomes.
The result of each model will be an API for businesses to integrate into their systems (reports should clarify what is needed and whether they are for the business itself or for our own purposes)."
The result of each model will be an API for businesses to integrate into their systems (reports should clarify what is needed and whether they are for the business itself or for our own purposes)."
MVP Checklist
MVP Checklist
Simple registration process, with the option to input credit card information (required) for a 7-day trial.
Simple registration process, with the option to input credit card information (required) for a 7-day trial.
Collect information about the user or business entity (...)
Collect information about the user or business entity (...)
Create a friendly and professional user experience to instill trust in users.
Create a friendly and professional user experience to instill trust in users.
Ensure clarity and transparency at every stage, as users at this phase are other businesses who prioritize transparency.
Ensure clarity and transparency at every stage, as users at this phase are other businesses who prioritize transparency.
User flow
User flow
Wireframe
Wireframe
1. Onboarding
2. Entry pages
3. Create project
4. Project details
5. API integrate
Design system
Design system
UI Design
UI Design
1. Sign in/Sign up
2. Forgot password
3. Set new password
4. Verify & Onboarding
5. Project page
6. Choose model
7. Choose what next?
8. Project overview
8. Project model/playground
