Web Design Project #8: The Minimalist


What:  Blog web design

Date:  19 May 2014

Learning Outcome Statement (LOS):

  • Simple ‘minimal’ design
  • Design a conceptual blog
  • Sharpen design skills


Description:  I’ve reduced and created a minimal design for this post, only because I’m quite late in my self-imposed schedule (end of this month for 2 designs). You know what though – I’m starting to like this simple design with zero fuss. 

Highlights here is tag cloud in the Home page which sets the scene for the other pages.

The Post page takes the cloud one step further by breaking out the tags into each category (writing, designing and sharing). One thing I did not show is the carousel scroll or other mechanism for the user to go to the next post, design or online presence.

I’m not sure if you one can notice the very subtle line that connects About This Blog to the description and the About Writer / Designer / Share-monster to the description. I quite like that touch to highlight unity of title-to-description (although the white space would have done the same thing).

Listened to this while creating this: Spotify stations Alternative, Indie, Jazz and Classical. At this very moment, I’m listening to Mumford & Sons which is quite easy on my ears (but I keep boppin my head up and down for some reason).

What did I do immediately before creating this: Absolutely nothing. No prep, no idea-generation, no pen-paper or mockups. It was straight into design.

Credits:  Mat Helme. One of the design stars @Treehouse. Check him out here on his blog.

Comment: If this makes it in, I know I’ll be having trouble with positioning these elements with CSS. I could cheat and just drop a .jpg but that won’t teach me much. 

That said, let’s see how we go with time.

LOS check

  1. Simple design? Yep, can’t get any simpler really.
  2. Blog site check? Yes and I wish I can use this NOW.
  3. Design skills? Indeed. Positioning, Typography and white space were all crucial elements here.

OGAbout this project:  Initial blog located here and here’s how implemented last month’s winning design. Basically this is a series of designs – 3x a month, beginning March and ending in May. If I have my maths right, that’s 9 designs between March and May with the 3 best designs to be coded here.

And I’ll be storing my design collections here.

Until the next design. Keep it simple out there!


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s