Evolution of kristarella.com
The metamorphosis of my blog from birth until now.
Blue and green boxes: Everyone starts with default, right?

Terrace diary: After learning a bit of CSS I managed to make this one with a fixed background. I learnt a lot trying to make it, which made it easier to produce more. I felt this one was too busy and difficult to read so I made something different.

Blue and purple: Not wanting to waste the cartoon that I made, I integrated it into something much less busy.

Blue: Upon my move to Wordpress I tweaked the look that I already had. Changing the shadow from blue to grey, making the black lines thinner and adding some 1px borders to sharpen it up. I had a bit of fun with the footer too, “This and that was brought to you by the letter A and the number 2.”

Red heart: I called it red although it’s a little more on the pink side. I felt the need for something warmer than blue. This one is simpler too, fewer images (e.g. for sidebar headings), just simple CSS, with a touch of hubby’s javascript to roll up the sidebar menus.

Grey stripes: As you can see I’m very creative with names /* end sarcasm */. I was inspired by designers’ sites that were grey with splashes of colour. People didn’t like the font in the header and sidebar, but I still do. It was grungy… I like grungy things.

Christmas ‘06: I added some Christmas lights to my existing template. I was feeling festive that Christmas. :grin:

Angels: January 2007, my most popular theme yet (from the comments I received). I liked this one a lot. The font in the sidebar was pretty, it was the first time I’d made a header image in Inkscape, the top menu buttons slid down when you hovered over them, it was all good fun.

Copyblogger: June 2007, my variation on the Copyblogger theme by Chris Pearson. It overtook my angels theme in popularity and I love the simplicity of it.

This theme also went:
Pink for October 2007 — in support of Breast Cancer Awareness month.

Ocean blue in November 2007.

Searching for the king for Christmas 2007.

kristarella.com in January 2008.
I changed the name of the site because “This and that” was a bit of a lame name and didn’t really mean anything. kristarella doesn’t necessarily mean much either, other than it’s the name I’ve been using on the internet for the last few year.
I kept the Copyblogger ocean theme until May 2008.

kristarella.com mid 2008
I learnt so much through using the Copyblogger theme and helping others use it that I wanted to write my own theme from scratch. I thought a lot about semantic code and readability and tried to make something simple, but unique.

kristarella.com on Thesis
While I was doing honours in Molecular Biology during 2008 I also learnt all about the Thesis theme. After a few months of helping people with CSS and PHP on the Thesis forums I finally got around to porting my site design to Thesis.

Kristarella Studios
When I launched Kristarella Studios at the start of 2009 I created a new site design to go with it. I wanted to strip all the excess material and got rid of sidebars all together, making it easier to focus on blog posts, photography and business.





{ 1 trackback }
{ 11 comments… read them below or add one }
OK, I’ll say it again. I like your header :) the background color is great, and the pictures of what you like. and especially the handwriting font.. what is that called?
Thanks Pam. The handwriting font is Beth Hand (I think).
Hey there Kristarella….well now I’m soo moved..that was especially enjoyable to witness that evolution of your blogging life…completely moved and impressed with all you’ve learned and how you’ve grown you sense of what was necessary…from blog to more studio…
this is where i find myself and i’ve been toyin w/ getting the thesis theme a good several months now.
i know zero when it comes to design. so i’m grateful you are offering this service….on twitter I’m @tresha…I will keep in touch with you as it’s comforting to know of a women I think i share a lot in common with (at least from your interests) and it’s just cool to see the quality of your work. anyhoo…more soon. but really grateful to have read that evolution:) bet you have a soft spot in your heart for each one of the phases:) I sure would….Thanks so much.
Married Dayum…Groovy site BTW. I’m at thefirst 2 or 3 designs of my site, wish me luck for the next few…
-Aaron
You are one very talented lady! Well done and keep up the good work. God bless.
Hey,
How’s the thesis skin coming along? :) Cheers!
that’s something really worth labeled as evolution……m in the same route now…….hope i make it real quick(have to face a lot of xamz)
Wow. Quite an evolution. How on earth did you produce that vertical URL on the left side of your site? That’s way cool.
Barry — Cheers. The URL on the left is an image with
position: fixed;in the CSS for the header.Hey Kristarella,
Really enjoyed your evolution and keep coming back to your site. I’m getting lots of inquiries from friends wanting to set up wordpress sites and have been sending them to your portfolio and recommending they contact you. Really nice, clean and fun work!
Thomas
Thomas — Thanks! Appreciate the compliment, and I hope I’ll have to time to help your friends out if they need it. ;-)