#DailyUI

Challenge #011

Prompt: Flash Message

Tools Used: Figma

What motivated me?

This flash message is not just used in payment processing, which is the most common use case, but it can be used anywhere where a notification or alert is needed. It can have three different types: success, error, and warning. The first two types are shown in the challenge, but the third type, which is yellow/warning, can also be used.

This flash message is available in both light and dark theme, making it suitable for use on any device, regardless of the user's preferred settings. It can be used on mobile devices as well as on the web.

The flash message is comprised of three components:

1. Imagery: This can be used to visually represent the message, such as a checkmark for a success message or an exclamation point for an error message.

2. Message: This is the main text of the flash message, which conveys the message to the user.

3. Buttons: This can be used to provide the user with two options, such as "Go Back Home" and one of the "Continue Shopping" for a successful payment message or and "Retry" for an error message.

Let's connect ✦✦✦

Behance • LinkedIn

Let me know your thoughts in the comments.

I always love to receive feedback on my work!

Please share to help me promote my work!