Joshua Sanger

UI Challenge - 016

Task: Design a popup / overlay

For this challenge I decided to showcase a notification system that I am working on for a client. This notification has three states: Info (shown here), success, and error.

This message appears on the bottom left of the screen and will be visible to the user no matter where he/she is on the page. If the user wishes to dismiss the message he/she can click on the “x” or they can wait for a set time and the notification will automatically dismiss itself.


The UI challenge

In an effort to both showcase and improve my UI design skills, I signed up for a 100 day UI challenge. Although my schedule may not permit a daily challenge, I will be posting new challenges to my website, to my Twitter, and to my Dribbble. You can design along with me by signing up at:

Happy designing!

Let's get in touch!

I would love to hear from you!
Whether it's to chat, ask me about a project, pick my brain, ask me about an opportunity, or you're simply a little lonely, you can reach me / follow me on any of the below options. You can also leave a message with my contact assistant and I'll get back to you shortly!