![Main alerts dashboard with graph and data table](https://cdn.sanity.io/images/1f8nix29/production/5467208b381cc59af6a846a95f251dfcf477cdb1-3200x1800.png?w=3840&q=90&fit=clip&auto=format)
Case Study
The Project
In early 2022 I had a brief contract to make some screens for FeedFlo's error page. Originally I was given a table with a very simple list of notifications. But through working with the team at Feedflo over the two weeks, I was able to expand on their components to include filters, charts, and an expanded alerts table.
One facet of the project that really helped move it along was the prototyping. At each iteration, the mockups we made interactive through Figma's prototyping tool. Having experience with the tool I set up some auto layout components to illustrate various states of the application.
![Mockup of main alerts dashboard](https://cdn.sanity.io/images/1f8nix29/production/439cd0801452b5dc34cc536d01b27b5ba619dfed-3456x2510.png?w=3840&q=90&fit=clip&auto=format)
![Close up of filter popover](https://cdn.sanity.io/images/1f8nix29/production/aeda006dd0b92baa54fde7e19ec385934160617f-1383x716.png?w=3840&q=90&fit=clip&auto=format)
![Feedflo prototype spaghetti](https://cdn.sanity.io/images/1f8nix29/production/ff5e8178e8b4d2a5b4b7f5a62a08b00a602ea70e-1394x804.png?w=3840&q=90&fit=clip&auto=format)
![Screenshot of a bookmarked filter](https://cdn.sanity.io/images/1f8nix29/production/3982a8f2d46f53072a3ba354cb94abde6a7553c3-3456x2234.png?w=3840&q=90&fit=clip&auto=format)
![Filter pop overs](https://cdn.sanity.io/images/1f8nix29/production/d3f2a4ac8fbd88bce66c490074309a11d90532d4-1600x900.png?w=3840&q=90&fit=clip&auto=format)