Toasts and Modals

In order to try to expand and upgrade our design library at Mercury Financial, I, as the UI Designer, was given the task of creating a more interesting and standardized way of delivery quick messages to our users within our mobile app. Designing in Figma, I utilized colors and icons within the header to differentiate between the types of messages we provide to our users. Below are the different types of messages we’d give our users and the graphic element they’d be shown within, as well as an example of what one would look like within a given point in the user journey.