Designing Cloudy

2009-06-16_0516I challenged myself to design a basic site in an hour or less while taking a screenshot every 10 seconds. At what ended up being 1 hour and 9 minutes, I missed my mark –  but only by a little bit. Overall, the end result is decent, but nothing spectacular. Given more time I would have probably refined the header section a bit more and spiced up the welcome area. Keeping in mind the time constraints, the simplicity and barrenness can be over looked, in my opinion. Look for the full size image after the jump.

Click for the Video

Click for Full Size Image (1200×1000)


I would be lying if I said this wasn’t Twitter inspired. I initially started with an ugly black colour palette in mind but quickly swapped that for a clean, white and blue scheme. From there, I immediately thought of clouds – that’s where cloud-no9’s brushes came in handy. Admittedly, the placement of everything isn’t very original, but that’s alright.

I probably won’t end up converting the psd to xhtml, but if someone wants to, or just wants the psd, leave a comment and I’ll send it to you.

Hopefully, if I do another one of these videos, the end result will be much more interesting. It should be noted that I still consider myself an ametuer at web design.

9 thoughts on “Designing Cloudy”

  1. @HardK0re @Jxtutorials – There is no xHTML on this one, it's just the design made in Photoshop.

    @MilkGotter – Perhaps. I'm not so hot with Flash though.

  2. Y'know this probably might sound embarrassing but you're a role model I look up onto from the day I started making videos to now creating sites and Photoshop and stuff. I am just 14 this year so I have years to come, I hope I follow the same track as you. :O

    – Plasticfunnel (on YouTube)

Leave a Reply

Your email address will not be published. Required fields are marked *