The work you do while you procrastinate is probably the work you should be doing for the rest of your life. — Jessica Hische
Zen Garden Project
Mind Map: I had originally thought to do something with Japanese Art but couldn’t specify enough what that meant to me as far as “zen”, so instead I’m going with the idea of baking, more specifically cupcakes!
Mood Board: As I said previously, I completely changed my idea for my Zen Garden site after hearing feedback from my classmates. I went with the one idea on my mind map that was completely opposite from the rest – cupcakes. It went through the concept of food -> junk food -> cupcakes, and also I find baking to be relaxing for myself and a lot of people, the idea of comfort food and baked goods go hand in hand. I made up a mood board of images that I found to be inspiring or already existing websites and companies along with illustrations and color schemes. I feel that this idea is much more solidified and I can do more with it then the previous one that I had in mind.
Design: I illustrated the cupcakes first and then designed the rest around their appearance. I decided on this color palette because it reminds me of actual flavors, colors you normally associate with cupcakes or sweet treats. Creating the roof/awning for the header was a real challenge, but I figured it out and I’m really happy with the result. I think that it gives the site a feeling of depth and brings the whole thing together. Not shown here are the rollover menus that are on the bottom three links. I messed around with the idea of a sidebar but I felt that it took away from the design. I realize that most people look to the top of a page for the navigation, so if this would function better at the top of the page I could easily fit it there.
Also, here is a screen shot of what my site looked like in Dreamweaver. I knew that they weren’t going to look the same, but it was really getting frustrating to be trying to work and having everything where it’s supposed to be then opening up the live version and have it be all scattered (or, for a while in Safari, there wasn’t even anything showing up on my page.) I started getting in the habit of only working with the code and not even looking at the design screen in Dreamweaver. Refreshing the internet browser is a much easier way to see the accuracy of the CSS code.