UI/UX design · B2B · SaaS · Interface explorations

B2B Product Explorations

Screenshots from personal B2B redesigns, unfinished project work, and ideas explored out of curiosity. Some address specific UX problems; others explore how a product could look or behave. None shipped.

Collection of AI observability, radiotherapy planning, patient-list and procurement interface explorations.

AI Observability

A platform for monitoring and investigating AI chatbot activity. Teams can trace how a response was produced, inspect individual model calls, and review cost, response time, errors, and quality measures.

A trace list, execution tree, and detail panel connect the selected request to the steps behind its response.
A trace list, execution tree, and detail panel connect the selected request to the steps behind its response.
Summary metrics group usage, performance, reliability, and quality measures in a contextual panel beside the trace list.
Summary metrics group usage, performance, reliability, and quality measures in a contextual panel beside the trace list.
Selecting a step in the trace tree reveals its inputs, outputs, and timing breakdown without leaving the investigation.
Selecting a step in the trace tree reveals its inputs, outputs, and timing breakdown without leaving the investigation.
A restrained visual identity for Observ’it, carried through the workspace and supporting screens.
A restrained visual identity for Observ’it, carried through the workspace and supporting screens.
The sign-in screen pairs a short explanation of the product with email and Google access.
The sign-in screen pairs a short explanation of the product with email and Google access.
Chatbot setup separates development from production and exposes optional upload and evaluation capabilities.
Chatbot setup separates development from production and exposes optional upload and evaluation capabilities.
Client setup connects account creation with chatbot assignment, with production access explained in context.
Client setup connects account creation with chatbot assignment, with production access explained in context.
A step-by-step integration guide keeps configuration snippets and implementation instructions inside the product.
A step-by-step integration guide keeps configuration snippets and implementation instructions inside the product.
Account and API settings bring profile details, credentials, and copy controls into one configuration view.
Account and API settings bring profile details, credentials, and copy controls into one configuration view.
Contextual skeletons retain the trace list while the selected request’s details load alongside it.
Contextual skeletons retain the trace list while the selected request’s details load alongside it.
A workspace-level loading state preserves the layout of navigation, summary metrics, and trace results.
A workspace-level loading state preserves the layout of navigation, summary metrics, and trace results.

Radiotherapy Planning

A clinical platform for reviewing radiotherapy plans. It brings patient information, medical imaging, and treatment analysis into one workspace, allowing clinicians to examine plans alongside the underlying measurements.

A dark interface brings the scan, dose curves, and treatment measurements into one patient workspace.
A dark interface brings the scan, dose curves, and treatment measurements into one patient workspace.
This layout places treatment measurements on the right, leaving a wider area for reviewing dose curves and medical imaging.
This layout places treatment measurements on the right, leaving a wider area for reviewing dose curves and medical imaging.
An alternative keeps measurements on the left, with dose curves and imaging stacked alongside them.
An alternative keeps measurements on the left, with dose curves and imaging stacked alongside them.
A scan-first layout gives imaging the largest area, with supporting analysis arranged around it.
A scan-first layout gives imaging the largest area, with supporting analysis arranged around it.
The patient list stays beside the selected record, keeping search, patient status, and personal details together.
The patient list stays beside the selected record, keeping search, patient status, and personal details together.

Procurement Management

An internal tool for requesting industrial materials and tracking their approval. Employees can submit material specifications and supporting documents, check existing SAP references, and follow each request’s status.

A searchable request list brings material details, SAP references, and approval status into one view.
A searchable request list brings material details, SAP references, and approval status into one view.
An alternative list layout uses status, category, and period filters without a separate search field.
An alternative list layout uses status, category, and period filters without a separate search field.
The request form groups material specifications, classification, and supporting documents in one dialog.
The request form groups material specifications, classification, and supporting documents in one dialog.
Thanks for reaching out. Your message has been sent.
Your message couldn’t be sent.
Please try again or email contact@mouadaz.com.
mail