UI UX Design

Newtrimed

01. Introduction

Newtrimed is a emerging cosmetics manufacturer that needed a better way to gather inventory information from their distributors. They were finding it slow and difficult to work with Excel sheets. They wanted to have instant information to plan their production and meet customer needs. Newtrimed approached us with the idea of developing a web Application that could use advanced OCR technology to automate this process.

The Roadmap

The UX UI design process for Newtrimed is divided into four stages:

Research

Conduct user research to understand the target users, their needs, behaviors, and pain points. Methods include surveys, interviews, observation, and looking at analytics.

Wireframing

Create low-fidelity wireframes to outline the layout, interface elements, content, and user flow. Wireframes focus on function over aesthetics.

Prototyping & Testing

Build interactive prototypes to simulate the user experience. Conduct usability testing to identify issues and refine the design based on user feedback. Iterate until ready to develop.

Visual Design

Develop the visual language and aesthetic through color, typography, imagery, iconography, animation, and microinteractions. Create high-fidelity mockups.

User Testing

Conduct usability testing with real users to gather feedback on the prototype's functionality and user experience.

Iteration and Refinement

Analyze user feedback, identify pain points, and refine the design accordingly. Iterate through design and development cycles to enhance the product's quality.

02. USER EXPERIENCE

We focused on ease of use for all users. The OCR scans and uploads data with one click. Distributors can simply review and update inventory. We have set up controls so that only the right people can see certain things.

03. USER Interface

The way the interface looks is neat and easy to understand. The OCR tool that's built in can quickly take information from scanned pictures. People who distribute products can move through their available items very easily. There are also dashboards that show Newtrimed how much of their products they have at any moment.

04. Conclusion

The web APP with integrated OCR eliminated manual reporting. Automated data extraction made submission easy for distributors. Newtrimed gained data insights faster to inform planning. Centralized information and efficiencies supported growth. By integrating Google's OCR API, we delivered highly accurate data capture that met Newtrimed's needs. The solution provided the automation and precision Newtrimed sought.