Realign/Redesign

It was quiet here over the last couple of weeks, right? On the one hand that was because I spent most of the time working on client projects - info on that will be revealed soon. On the other hand I also worked on a new version of Bartelme Design.

The previous design

The last design was quite a success and I also liked it. However over the time I got tired looking at it. Additionally it was a bit overloaded and didn’t work well on smaller screens. And last but not least the different sections were hard to distinguish from each other - you know you couldn’t tell whether you were in the showroom or the journal section, without consulting the navigation. To tell the truth that’s not too bad, but I wanted to do better.

Bartelme Redesign

The new design

So the new version is actually not just a redesign of the old site, but a real realignment. The color scheme is quite similar to the old one to convey the typical “Bartelme” touch. However all other parts are quite distinct - not only from the old version but also from each other. I tried to regroup certain areas, emphasize more important areas and get rid of dead wood.

Well and that’s the result. Your feedback is much appreciated. Hope you enjoy :)

 

125 comments

Yay! Great work. Clean, tidy, blue. But the pattern in your body is a "style break" Well, my assumptions on "Still a bit blurry":http://www.flickr.com/photos/bartelme/432590038/ were correct :)

Martin Labuschin

Dude. Nice. Please release your previous design!

William Wilkinson

Well done Wolfgang, a great redesign as always.

Stefan

You're always a great source of inspiration!

Simone

I like those colors, and style is also cleaning and great. Good job!

BenediktRB

w00t! Didn't expact that! Awesome work Wolfgang, stunning. Allthought i dont like the bold fonts, kinda hard to read on longer paragraphs i think. But everything else is soo perfectly done.

Fabian

You did it again.

pumpkin

Very nice! _But commenting doesn't work properly at the moment?_

Julian Schrader

This time it worked—confusing.

Julian Schrader

Hm which commenting issues are you talking about? Please let me know so that I can fix it.

Wolfgang

Delete this test

Julian Schrader

I got a warning message—something like "Sorry, cannot accept your comment this time".

Julian Schrader

Sweet, very clean indeed. Minor complaint though, the logotype, dateline and the heading in the margin could be better aligned if you ask me.

Reinier Meenhorst

Very nice design. I like this and the previous designs.

Halil Köklü

love your layout, very Mac-style just two complains: 1) button "say it" is a bit lame (the shape is not smooth); 2) the blue gradient in text fields doesn't fit. BTW overall is one of the best blog layout I've seen around.

Matt

Nice an smooth - especially I like the rounded Button-hover. In Journal Archive is a little display-bug. Long entries show up behind the date of the following entry (Safari + Firefox).

Chriz

Excellent design. I love your use of the mac-style search box.

Matt

I would like to see an optimised print.css, too. Without all those input fields an a nice solution for links, or do you have something else todo on Sundays? ;-)

Chriz

Haha :) The print stylesheets is already on my tasklist - but not today. I gonna spend the rest of the day with my wife.

Wolfgang

Great, another very nice design. Well done.

matthew

Hi I don't think I got to see the old design but I do really like one. Especially the icons you've used.

Andrew

Wow! Really! And I don't even have to resize my browser window …! ;)

Christian

There are many designs on the Web that are professional and all, but few are as inspiring and fresh as this one. Congratulations on an excellent redesign! What are you waiting for, Apple? Hire this guy!

Koyder

Woow, i really like it. Well done!

Jamie J

Beautiful job, keep up the great work!

Adrian

Schönes Design, Wolfgang, bin schon länger ein treuer Leser deines Weblogs. Muss allerdings auch Martin im ersten Kommentar zustimmen, dass der Musterhintergrund einen kleinen Stilbruch darstellt. Ansonsten sauber gearbeitet.

Benjamin

Congrats for that new realignment. It clearer and neater now. The navigation is more agreable ! Congrats for all the work done. It's well done !

Frenetik

I like it Wolfgang, just a quick one though on the main page the positioning of the 9rules logo seems too close to the bottom. I think it would sit better if it was on the same line as your logo rather than the bottom border. Other than that really like the tight feel of everything.

Khaled Abou Alfa

Finally it looks like a common blog! Lol.

rob

I like it.

Yannic Walter

Great design mate!

Luke

I love the design and I've always enjoyed your work. Great job!

Teddy

Sehr schön, wie immer ;-)

Alexander HAhn

Looks very, very nice. Good work!

ceejayoz

Beautiful design! Love what you've done to the place :)

Sam

Great work once again Bartelme. I can't wait to see the next redesign/realign in 3 months :D *just kidding* :P

Edward Scherf

Wolfgang, great job! I love the new design!

Caleb

The reflection of your logo is incorrect. I think, the letters spacing is to close. Sorry for my bad English.

Martin Labuschin

Yeah you guys are right :) Thanks for the hint.

Wolfgang

are you doing something else? Just redesigning own blog?!

maro

Dude, you are awesome. This is really nice. If I had 1/4th the skill that you, Bryan V. and Verle, have....man. Great job!!!!

Frank 'viperteq' Young

I love your work, guy! Congrats!

RamonPage

Well done again!

marc

Wow it's nice looking, but I was really fond of your old design. I definitely like the layout of this better though, but what's with the giant RSS links?

Sean Hayford O'Leary

Nice redesign, Wolfgang. I like it.

Rene

You did it once again: very clean layout, good choice of typography. How do you find the time! :) One note though: on your homepage - recent entries, try aligning the middle column entries with the left ones. But that's probably already on your 'to-do' list.

Jan Meeus

I LIKE THIS THEME... CAN U SEND TO ME??

l4ever

Yeah aligning the mentioned column is already on my tasklist. If there are any other issues please let me know.

Wolfgang

You never stop to amaze me man. Congrats on your new design!

Alex Buga

nice redesign but i think the last/previous one was better..

ikram-zidane

Good job, i really like it !

ben²

good job!

juanpol

Nice design! The only thing that I don't like is the input forms. :/

Ricky

I use Safari (yeah, boo me), so I appreciate the new design--vey efficient use of space.

Marc Santos

Wow! love this new design, infact love all your designs :D well done! keep um coming though ;)

digitalsoft

Mir gefällt dieses Design bedeutend besser als dein altes, auch wenn ihm dieser gewisse Touch "von etwas ganz besonderem" fehlt. Daher prophezeie ich dir, dass du in weniger als 3 Monaten wieder einen Umbau vollzogen hast. :-)

Martin

I love the new design, its so slick. But I must say your portfolio is very hard to navigate. You can not access all the projects (have to refresh the page to get new ones to show up) and you have to hit back after reading one entry. Your work is so nice I would realy like to be able to easily access all of them, not random ones.

louis

You're right - the showroom is not "feature complete" yet. Still working on this section...

Wolfgang

Great work, Wolfgang! Simple, but very stylish and readable.

Andy

Great work! The only drawback I can see is the scalability and the fixed width.

Jonathan Hedrén

As always, the design is gorgeous! I love how the headings in the blog entry are floated to the left of the text... very innovative. Keep up the amazing work (I know you will!)

Bubs

Cool... It's nice... Congratulations... Keep up the great work... success for you...

Viking KARWUR

I like the realign. I still fell I'm visiting you here, and -although it didn't bother me the fact that all your site's pages were similar- I think it's a plus the new concept. It's clean, versatile and practical. However, there is something in the journal that reminds me a WP template :(

Pati @-;--

Cool new design, but still the previous one was better. Good stuff nonetheless

Anshul

Absolutely great design. Maybe the patter applied ad background over the blue background has a strange contrast, maybe a little more or a little less would be better.

Cristiano Rastelli

Really fantastic design you've got here! Very clean and simple, and beautiful too.

José Carlos

Hmm.... hard decision. I would have to say I loved your old design, it had something other sites did not. The more horizontal aspect ratio and the flexibility of the last design looked amazing on my 24" widescreen... This new one seems to be too much of a departure from that unique style and a return to the style every other site has adopted. But hey, it's your website, right? :) Still lovin' the smooth graphics though, one could stare at that new post icon for days. Keep it up.

Scott Halstvedt

Great work! nice

Hardlinks Media

Hey, great design, you also need to add your fav.ico :) it reset itself.

James David

Nice work Wolfgang, cool detailes!

Marko

clean and tidy. great design. release the old one please...

Firman Firdaus

Very Beautiful and esthetic work

Qawwalian

Awesome as always...! You truly are inspirational and inspiring. Great work. Keep it up...

Steve Avery

I dont' like that you page don't scale like www.yaml.de! Too much color.

Thilo

You are amazing. Every new design you come out with is very well done. I like this latest version quite a bit. Job well done!

Chris

I think this is your best work so far... fu*** great!

milos

Bitte Wolgang, release das alte und dieses Theme ür Wordpress - danke !

Roman

Hi Wolfgang! Like every Design before, this one is great! As you said in the beginning, it is really much clearer than the old one. So, keep on changing, because the design gets better and better! I'm looking foreward the next relaunch ;-)

Jimbo

It's really beutiful. Good work. Here. in Russia, we very like your works)

Foxhaund

Hi Wolfgang. Wie immer ein richtig schönes Design. Nichts anderes war ja auch wirklich nicht zu erwarten. Ich persönlich fand das vorherige Design zwar noch ein bisschen schönes, aber sowas ist ja rein subjektiv. In jedem Fall - Respekt!

ChrizDee

Hi Wolfgang. You really *outdid* yourself, yet again! I also wanted to take this opportunity to mention that I just completed porting your now previous-previous theme to "Mephisto":http://mephistoblog.com. You can check out a live example a the "Mephisto Theme Gallery":http://mephisto-themes.nanorails.com/gallery?theme=fresh-haml Also worth mentioning is that it is using "Haml":http://haml.hamptoncatlin.com/, a very cool way to write html with (so far) a ruby implementation. Hope it meets your standard, if not, please let me know how I can improve it.

Pascal

Very nice work! Clean and attractive, the colors work seamlessley. Keep it up!

H Roberts

Awesome and clean, congrats!

kitune

Cllo new look, really slick, but why not as a fluid layout?

milo

Excellent Design, everything fits in perfectly!.. just wondering are you going to release your old theme?

Jase

Personally, I like this new redesign. It is compact, clean and blueish. Blue is my favorite color!

AsceticMonk

As for the old theme: hm... stay tuned :)

Wolfgang

*is Glued to this site*

Jase

green?

bob

Fab Work mate, a true inspiration...

Olivier

Please , please, pretty please release your previous theme. It was so great , if it will be on WordPress probably the best of all times. So i will be watching for any news from you.

Peter

Viel viel besser ;)

Selcuk Sinan

Hi Wolfgang. I'm a fairly new visitor, and I remember thinking how nice your previous design was when I first came to your site. This realign however, is beautiful. You definitely have a style all your own.

Charity

It's awesome work~

Chris

I like the little bubbles and the grass! nice addition ;)

Olivier

Great site! I like how the background gradient is stationary and the way it contrasts the page.

Eric

There is no stone left unturned. I enjoy looking at your designs as you have tweaked and adjusted everything. You really are a very talented designer.

Jeff Brown

Thanks for your kind words. As you can see the design is not finished yet (and probably never will, because it's an ongoing process) and I'm still tweaking the one or the other section/part. Hope you enjoy.

Wolfgang

It would be nice if I could jump to the chosen comment I have selected on the home page at the "recent comments" area. What a sentence. :)

Rene

Yes - you're right. I gonna put it on my task list.

Wolfgang

Hi! I have to say this one is very nice :) But i although liked the old design... So.. waiting the old one for expression engine as public right? :)

vaidotas

@Rene: done. Clicking on a comment on the start page will directly lead you to the entry, not just to the related article.

Wolfgang

????????????SKIN????

Alex

Yeah looks nice. I like how each page has distinguishable sections.

Jeff

I like the bubbles and grass around the site.

James David

Thanks, Wolfgang. It's usefull. I'm just lazy to scroll down manually to read the last comment. ;)

Rene

Another great looking design Wolfgang!

Ash Haque

_emphasis_ I want this template :P

Federiko Aka The Killer

I love everything about your design!!! Just a thought... would you mind if I incorporate the design on my website?

Lisa

Easy on the eye! Beautiful as always!

Daniel

Very nice [ as always ].

Jeannette

@ Lisa: Of course you can take my design as an inspiration for your website. However an exact copy is not appreciated.

Wolfgang

Wolfgang, did you know where to download the "Dark Theme" that iLemoned was using a few days ago? It was so lovely. This is nice too, can't I use it for my blog? Actually I'm using Fresh.

Federiko Aka The Killer

Great theme. I also would like to use it... where can we get it? Very well done!

Marek

Well this is a unique theme and not available to the public — maybe when I do a new one...

Wolfgang

Damn, I love it :) Between, you don't know where to get the iLemoned theme's, right?

Federiko Aka The Killer

I know it's a bit late, but i just had to say this new design absolutely *rocks!* Extremely nice! So many beautiful details! Keep up the good work!

Andreas

Beautiful design. I love it. I hope you do release it when you're done w/it. I'd love to use it.

Jenny

Wolfgang - did you get a new desing yet? ;-) ... just kidding... I will wait patiently. Best regrads.

Marek

I like the new design, but i liked the previous one better because of the unique appearance and liquid behavior.

Cubix

Hallo Wolfgang! Anscheinend bin ich der Einzige, bei dem dieses Problem auftaucht, aber bei deiner Seite wird bei mir die Schrift sehr verpixelt dargestellt. Und zwar nur auf deiner, das ist mir vorher noch nie untergekommen. Verwende Windows XP mit Firefox 2.0.0.3 Einen Screenshot findest du hier: http://alife.lima-city.de/Ablagerung/bartelme_fehler.jpg

alife

It´s a very nice design, I like it!

Mike

That's what I call design. Sweet to the eyes. Perfect. Congratulations!

Rafael Masoni

I love the design. Do you know of a good theming tutorial? I've got a design done, and I know javascript, css and php, but the Wordpress libraries scare me something fierce; so much so that I always give up after attempting to put a design to theme. Also, can you provide a list of plug ins you're using to achieve certain sections of your blog (sidenotes, flickr roll, whatever else). Anyhow, keep up the good work. Like many others, I'm inspired by your design work.

Matt

Simply perfect color play and a professional Design = Bartelme.at. Class of people….

M.Isik

Commenting is not available in this channel entry.