Health Authority Decisions
Overview
Health authority decisions is a website that allows users to search for FDA drug documents. It allows drug companies to search for document that have been approved or denied by the FDA. I was given the task to redesign the original search tool, and make it easier to use and more visually appealing.
I designed the layout in Sketch, and built the application using React. The application uses a narrowing down effect, meaning it starts out displaying all results while the user narrows them down by selecting multiple filters. This is a private application and is not available to view by the public.
Features
- Design layout that makes it easier to search and find correct FDA documents
- Layout a large amount of filters and search options in a way that is easy to use
- Allow the ability to select multiple document result to be compared
- Save the search or favorite documents to user account for later reference
Technologies
- React
- Apollo Client
- GraphQL
- Bootstrap 5
- Sketch
Filtering Results
Depending on what the user is searching for they are able to choose documents from the FDA and the EMA (Europe).
Each filter fetches data to display inside each dropdown. Providing the user with all the options available to them. All the data is scraped from the FDA and EMA websites.
Narrowed Filters
When the user selects a filter, the results are updated s well as the remaining filters. This helps the user to continue narrowing down the results until they find the document they are looking for.
Comparing Results
Each result has a checkbox which allows the user to select multiple documents to then be compared on a seperate page.
Each selected document is then highlighted and a new window appears at the base of the application allowing them to compare the documents side by side.
List/Grid View
Users are able to change the view style of the documents to read more information.
A user can then click each document to view the full pdf or even save the document to their account for later reference.
