100DaysChallenge.jpg

100 Day Design Challenge

I officially began on February 26, 2017 and completed the design challenge on June 5, 2017. I began with little to no design knowledge, and my goal was to become familiar and quicker with design tools and see how much I've improved from Day 1 all the way to Day 100.

The most valuable lesson I’ve learned in the past 100 days was that designing wasn’t just simply placing nice colours and shapes onto a page. It’s really about solving the greater user experience problem, to provide a seamless, problem-free experience for all users, whether it be within an app or a website.

Day 49 - Notes

Day49.png
 

I decided to create a list of notes. However, I wasn't satisified with my result. The "Notes" homepage took less than 30 minutes and wasn't really a challenge, so I created another mockup where the user is able to Add and Edit a note, and was much happier with the result.

One new thing I've tried for these designs was the "Show Layout" option. Instead of creating my own layout, I tried using the one that was already in the app.

For the Homepage, I liked how simple and clean I created it, with a hint of blue. The main struggle for me was the text. I wanted it to be a little fancy but not too distracting. However, with the Bondoni 72 Oldstyle font, the numbering system drops a level lower than their alphabet. It bothered me at first, then I began to get used to it. Other than that, everything was pretty easy to create.

As for the Edit Note screen, I actually had a lot of fun creating this one. There were some parts where I had to continuously modify, such as the highlight box and the sizes of the pop-up text with the different options. I tried to keep the colours consistent, by incorporating a few blues. I wasn't sure if making the background blue for the part on top of the keyboard was a good idea, as it draws away from the main text field.

Also, this is the first design I've created that includes a keyboard. :)

 
Andrea Ho