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 88 - Waves of Data

Day86.png
 

Today I found a UI that I really liked that was created by Grégoire Vella who posted on Dribbble, so I decided to recreate it. As my skills in creating landing pages get better, I'm now transitioning to other user interface designs.

For this design, I started by setting the rectangular boxes on the top and to the left. This allowed me to know the area I'm working in. Then started to fill them in according to the example I'm following. I found all the icons that suited well with this on Google and adjusted the colour. Same goes for the top bar, I searched for icons that I liked and even if they weren't in PNG format, I still downloaded it anyways. I fixed it up by using the Magic Wand, then cropping it.

As for the Audience part, I played a lot with the opacity, making sure that the less important parts are less opaque. Also, for the graph, I had to make sure everything was evenly spaced and consistent. For the details section, it was really easy to create because I had experience creating something similar to this before. In order to create the circle bars, steps include "subtracting" and "masking."

The Geography section was pretty straightforward. However in order to make it look clean, everything must be consistent. If only Sketch had a table option, it would make creating tables a lot easier.

I'm glad that I decided to create this page. It brings me back to the consistent grid and column layout. The colour theme and simplicity went really well with this dashboard. It provides a easy-to-understand for new users and everything is very straightforward.

 
Andrea Ho