Sorry, your browser is not supported
To have the best experience using Skillshare, we recommend that you use one of these supported browsers.

Lisa Lin

Intensely inquisitive product designer



Check Yourself App

I named my app "Check Yourself" as a play on words with both the checkmark and the checkered background pattern, as well as hinting at a slight bit of attitude/humor. I wanted the colors to be calming, so I chose a blue-to-purple gradient.

I didn't alter the checkmark icon shape because I like its clean and simple look.

The UI design compilation below shows only slight deviation from the wireframes provided; the most noticable change was in the "Edit View" of moving the "Delete To-Do" area lower so that opening the "Due By" date panel (also shown below) wouldn't cause an overlap.


Here are the microstates. I made the "Edit" option color purple to match the background of the Edit view above. Green is used for special momentary states that will transition to a static state (i.e. the "New" and "Done" visuals). 


Feedback on any part of the design is VERY welcome!


Please sign in or sign up to comment.