Page 1 of 2

I gave my blog a facelift

Posted: Sun Jun 10, 2007 5:39 am
by Luke
I finally got around to fixing up my company blog over the weekend. I just basically made it match our main website. The old one was really starting to irritate me because for some reason it had this issue where if you tried to display links, it would make the entire page explode. This one is fully functional and that makes me happy. :)

Let me know if you guys find anything wrong with it (other than the lame reflection on the home page :P ). One issue I am already aware of is that the widget plugin is using "links" as an ID twice. I'm not really sure what to do about that. I guess I'll have to poke around in the code tomorrow.

http://www.mc2design.com/blog/

Here's what it used to look like:

http://72.14.253.104/search?q=cache:ZTa ... =firefox-a

Posted: Sun Jun 10, 2007 7:03 am
by Chris Corbyn
Nice... I love how clean it looks. I have to say that I'm always really impressed with your work... you're worth a lot ;)

Now for something for you to fix :P Your sidebar is bollzed-up in Safari...

Image

Posted: Sun Jun 10, 2007 7:07 am
by matthijs
Looks nice. Very clean.

I would increase the text size and contrast a bit (or a lot). I know the light grey, small text looks nice combined with the bright green headers, but it's very hard to read.

A second thing you could try is "group" the blog items some more. So give them a bit more margin between posts while at the same time decreasing the "internal" margins. As it is now, it all flows a bit into each other.

Last, I wouldn't make the metadata (date below headers) smaller then the other text. Maybe only give it a lighter color (while darkening the main text, see point one).

Posted: Sun Jun 10, 2007 8:55 am
by thiscatis
Nice! I like the colours,
Only thing, the gradient quality (bg) looks very poor here, I'm on a 1920 * 1080 resolution, 32bit.

Posted: Sun Jun 10, 2007 11:06 am
by Ollie Saunders
Nice job NSG.

Posted: Sun Jun 10, 2007 4:50 pm
by Luke
d11wtq wrote:Nice... I love how clean it looks. I have to say that I'm always really impressed with your work... you're worth a lot
Thanks! I have to give my boss some credit. He designed the original site (although I layed that one out too)... I just turned it into a wordpress blog :)
d11wtq wrote:Now for something for you to fix Your sidebar is bollzed-up in Safari...
Holy crap... I wonder what is causing that??
matthijs wrote:I would increase the text size and contrast a bit (or a lot). I know the light grey, small text looks nice combined with the bright green headers, but it's very hard to read.
I totally agree. I'm waiting to do all the typography type stuff until I get to work. The blog is borrowing the css file from the site (as well as using its own) and I do not like how I set up the typography on the original site.
matthijs wrote:A second thing you could try is "group" the blog items some more. So give them a bit more margin between posts while at the same time decreasing the "internal" margins. As it is now, it all flows a bit into each other.
Nice catch, take a look now. I like it better.
matthijs wrote:Last, I wouldn't make the metadata (date below headers) smaller then the other text. Maybe only give it a lighter color (while darkening the main text, see point one).
Another good call :)
thiscatis wrote:Nice! I like the colours,
Only thing, the gradient quality (bg) looks very poor here, I'm on a 1920 * 1080 resolution, 32bit.
That, like the typography, is inherited from the original site. That should be fixed on both the orig site as well as the blog tomorrow. :)
ole wrote:Nice job NSG.
Well thankie.

Posted: Mon Jun 11, 2007 10:10 am
by pickle
I still don't like the navigation, but the site does look sharp. The background gradient is especially nice.

I noticed about 600px down, the drop shadow stops.

Looking good.

Posted: Mon Jun 11, 2007 10:43 am
by Luke
I still don't like the navigation
eh, I'm not a huge fan either, but designers won't let you mess with their "creative vision". this is why I get so frustrated with them sometimes.
I noticed about 600px down, the drop shadow stops.
Nice catch!

Posted: Mon Jun 11, 2007 11:04 am
by superdezign
The Ninja Space Goat wrote:eh, I'm not a huge fan either, but designers won't let you mess with their "creative vision". this is why I get so frustrated with them sometimes.
:lol: So true. At least programmers are willing to take advice and make changes. Designers always seem to make something, ask everyone for criticism, and then just try to defend why they did it rather than change it.
If it doesn't look good, no one cares why it should look good... It just doesn't. :-p

Guess it's a mentality difference. We learn from other programmers... They typically feel like they're self-taught.

Posted: Mon Jun 11, 2007 11:08 am
by Luke
Designers have this terrible habit of designing for themselves rather than for the intended audience (at lease the designers I know). Well, that is not entirely true. Some design for the audience, but generally they will insist on certain design aspects that just don't mesh with the web (especially designers who are used to print media). They don't realize that THEY are the only ones who care AT ALL about that specific design aspect. They are very self-indulgent.

EDIT: I smell a blog post... :twisted:

Posted: Mon Jun 11, 2007 11:09 am
by pickle
superdezign wrote:At least programmers are willing to take advice and make changes.
I'm gonna ammend that to say:
Experience wrote:Bosses tell programmers to change code depending on un-informed user opinions because they figure users know what they're talking about when it comes to cryptic code. When it comes to looking good, the only people that could possibly have a clue are the designers, so they are treated as the final authority
sore point what?

Posted: Mon Jun 11, 2007 11:17 am
by superdezign
True, I did ignore those guys that sign the paychecks that think programming is easier than it really is.

And, really, we all know what looks good. The designers are supposed to be able to see something that looks good before it's even been created, but after they've made it, we can all tell if it looks good or not.

Naturally, when we create something, we feel that it is better than it really is, simply because we made it. We give reason to our choices, and give praise to the more difficult processes, but regardless of how much work was put into something doesn't mean that it'll result in something good. And sometimes, it could be the best that we've done... But it doesn't mean that there isn't room for improvement. It's hard to see our best as "not good enough."


Every designer I know will defend a bad design until they're no longer working on it. Then, after they've brought themselves out of their "zone" for a while, when they go back, that's when they can see their faults (sometimes).

Posted: Mon Jun 11, 2007 11:25 am
by Luke
alright, sorry to go back on topic, but d11wtq - I can't reproduce that issue in safari. Can you give me more details about your system?

Posted: Mon Jun 11, 2007 12:12 pm
by Chris Corbyn
The Ninja Space Goat wrote:alright, sorry to go back on topic, but d11wtq - I can't reproduce that issue in safari. Can you give me more details about your system?
Image Image

1280x1024 resolution.

:)

(Ignore the weirdo safari Icon, I changed the Icon)

Posted: Mon Jun 11, 2007 12:13 pm
by Chris Corbyn
Ermm... actually, just looked again and whatever you changed has fixed this problem :? :)