Case Study"Chem Inc."
No alternative text provided.

Streamlining Chemical Procurement with Innovative Platform Solutions

Services

  • User Experience Design

  • User Interface Design

  • Responsive Interface Design

  • Brand Interface Styleguide

  • Front-End Development

Deliverables

  • Live Styleguide

  • High Fidelity Mockups

  • Interactive Prototypes

  • Responsive Front-End

Platform

  • OutSystems

Client

  • "Chem Inc"

Our project revolutionizes chemical procurement by introducing a centralized platform, simplifying request processes and enhancing tracking efficiency, through in-depth analysis and seamless integration.

Project context

ChemStream: Simplify

The project focused on transforming the chemical procurement process through the introduction of a unified digital platform. Aimed at streamlining the complex system of requesting and tracking chemical compounds, this initiative tackled the inefficiencies and inaccuracies plaguing the conventional methods. The goal was to boost efficiency, minimize errors, and overhaul both supplier interactions and internal processes, setting a new efficiency benchmark in the chemical industry's procurement practices.

presentation

our APPROACH

From Sketch to Solution: Streamlining Procurement

In developing the chemical procurement platform, we combined traditional techniques like mind mapping and paper sketching with quick stakeholder feedback to rapidly iterate and refine our approach. This foundation enabled us to efficiently build out the platform's features, utilizing agile development principles to ensure flexibility and adherence to UX/UI best practices. This strategy allowed us to effectively tackle the project's complexity, leading to a user-friendly and efficient procurement solution.

1. Research and Exploration

Through analysis of the existing screens, project requirements, the exploration, and design stage were initiated.

HIGHLIGHTS

  • Focus on Functionality
  • Validation of Features
  • Early Feedback Incorporation
  • Flexibility for Changes
No alternative text provided.

2. Styleguide

So we set about creating the application's styleguide, in which we used Outsystems UI framework to help speed up implementation while ensuring the usage of UX and UI good practices with the following steps:

  • Define Your Design Principles
  • Gather Existing Resources
  • Establish Design Tokens
  • Develop UI Components
  • Document Patterns and Usage Guidelines
  • Build the Style Guide in OutSystems
No alternative text provided.
No alternative text provided.
No alternative text provided.

The Result

The final User Interface

The final user interface of our chemical procurement platform is designed for clarity and ease of use, featuring a clean, modern look with intuitive navigation. It includes a dashboard for quick status updates, interactive elements for precise parameter settings, and visual guides to assist in the request process. Color coding and visual indicators help track progress, and the responsive design ensures functionality across all devices. Overall, the interface combines practicality with appealing aesthetics, adhering to the latest user experience standards.

No alternative text provided.
No alternative text provided.

“This project was a remarkable and challenging experience, notably due to its scale and the complex interactions between users. Success was achieved through excellent team collaboration, with a focus on maintaining a streamlined workflow for optimal deployment and performance.“

Gonçalo Neves

Contact Us

Are you facing similar challenges in your business as those described in this case study?

Don't wait any longer. Our experienced team is prepared to assist you in developing a solution that perfectly aligns with your business requirements.