The Request
The request was to take test data from a supplement production batch (or lot) and display that information to the general public. This was especially difficult because most of those tests and test descriptions were not meant for non-scientific eyes OR anyone else to read/understand. Then take that raw data and configure it in a way that would be consumable for everyday Joe’s while maintaining the integrity of the tests. Oh, by the way, there were over 130 tests ran on over 270 products. Lots to consider.
My role in this project
Project Manager
User Experience Designer
User Interface Designer
Front-end Developer
Challenges
No established team for this project. There would be a lot of footwork and project management between different departments for approvals.
The current platform did not support external code. So there would have to be a handoff and integration.
The data being stiched was entered by scientists using an application that did not validate spelling or null fields.
Approach
The design would be for mobile-first. Simple design so non-scientific customers would understand information.
Facts about products and ingredients to keep interested and for SEO.
Graphs could be added so people would be able to digest the data they are seeing easier.
Solution
The design was created on an already existing website which was not designed well for mobile, so we has to make it a responsive web-app. Most people checking status on a product would be using their phones, so this was a good solution for both problems.
Marketing department collaboration for ingredient definitions and product facts for each test.
Data entered from science tests would have to be verified by scientists prior to being able to be searched within app. Front-ent development is Angular framework for speed in development and repetitive components.
Data cleaning would be handled on the backend so the JSON file delivered to the frontend would not need much manipulation.
Links: TruQuality
Learnings
Keeping the scientists to use the same spelling and units was very challenging. That meant it was difficult to keep up with the completed lots and newer products that have been tested have not been added to the product repository quick enough.
Lots and lots of marketing options. With people activily searching for products, we would be able to see the products that they were searching and can see if it’s expired or what is a good supplement for those. We were able to send people with expired products back to the product page to purchase the product again.
People started using our results as reference for vitamin and mineral descriptions on their site.
Even though our experience was designed for mobile, there needed to be more validation on all devices and screen sizes.
Website Swag!
Contact me
moore8577@gmail.com