Fresh

March 11, 2005

After introducing the “Cubic” style for Bartelme Design I got a lot of positive feedback. My site was even featured at CSS Beauty, which was really an honor. But after five months I felt that it is time to start something new.

In my opinion one negative aspect of the cubic style was the lack of vivid colors. Well, “Cubic” was already much more colorful than “Rounded”, but in contrast to other sites it looked a bit washed out. And to tell the truth, I also wanted to get rid of those separating lines and 3D shadow effects, which are much overused these days.

Fresh

So I launched Photoshop and started to create first sketches of the new layout. I took a screen of “Cubic” and in a first step I removed all unnecessary lines. Hm, much cleaner. Afterwards I slightly changed the proportions of the content area and the sidebar, making the whole site look more balanced.

And finally I tried to find a new color scheme — in my opinion the hardest part of the redesign, because choosing the wrong colors can destroy the whole layout. But after some time I was sure that the new color scheme was exactly what I was looking for. Not bad — and it just took me about four to five hours to create the whole new design…

Feedback

By the way, there are still some minor layout bugs to be fixed. So if you experience any weird behavior just let me know. But I think that you should get an acceptable result in all recent browsers, including Safari, Firefox, IE6, Opera, Camino and Omniweb.

If you don’t like the new layout or if you still see the old one just scroll down to the footer and select your favorit style. Due to strict separation of style and content, the cubic as well as the rounded style can still be applied. However, I’m really looking forward to getting feedback from you.

19 comments

Sehr frisch — passend zum Jahreswechsel ;) Der Frühling kann kommen…

Jasmin

It will be very hard to top the ‘Cubic’ style, if you ask me.

Alex

Oh yes, … it’s really fresh! But in my opinion it’s really too fresh. I will stay very pleased with the “Cubic”-theme.

Julian

HI! Your site is really good. I like it very much. But since your SWITCH the Codepages are wrong and so the German letters like ä,ö,ü are not shown in Firefox. You just see a qestionmark and it looks really creepy. Greets Matthias

mh online

Very fresh and neat theme ! Great work as usual :)

giz404

Hi thanks for the hint — and yes, this behavior is caused by my recent switch to unicode encoding. Can you tell me, which pages are affected? It’s also very important that you have turned on the auto detection for encodings, which is located in the “View” menu of Firefox.

Wolfgang

hi! also ich muss sagen, bin immerwieder beeindruckt fresh gefällt mir noch 1000 mal besser als cubic =) bin gespannt was du uns noch so beeindruckendes liefern wirst =) wie wäre es mal mit ein paar vorlagen !? (= mfg cab

Cabcom

nice fresh fruity springtime interface; it looks as if you would bite into a round, fresh, lush and juicy apple :)

rad!ance

Sorry, ich muss wiedersprechen. Die rechte Leiste — grüner Hintergrund, grüne Schrift, grüne Titel mit weißer (!!!) Schrift — das ist ein wenig Kontrastarm und nervt meine Augen schon ein wenig. ;)

borisbojic

Der Sidebar ist dafür gedacht weiterführende Information bereit zu stellen und soll nicht in Konkurrenz zum eigentlichen Content (weiß) treten — daher auch der geringere Kontrast.

Wolfgang

Sieht schön aus, wobei die Seite jetzt allgemein ein wenig zu schmal ist, ein Umschalter wie bei Simplebits wäre nett :) Allerdings ist das Menü zu breit, wenn man die Schriftgröße leicht anhebt, bei Safari reicht sogar nur eine Stufe höher (und die verwende ich immer, ist einfach angenehmer zu lesen…). Der Suchen-Knopf ist übrigens immer noch auf deutsch :D

Pascal

Den Search button hatte ich doch schon mal umbenannt. Merkwürdig. Auf jeden Fall wird er nun auch richtig angezeigt. Die Breite der Seite habe ich übrigens so gewählt, dass man bei normaler Schriftgöße eine optimale Zeilenlänge von etwa 60 bis 65 Zeichen erhält. Übrigens, eventuell werde ich noch eine “liquid” version erstelllen.

Wolfgang

liquid version ? =) na dann aber schnell meine augen freuen sich schon auf eine neue version (= schade nur das deutsch nicht mehr nummer1 =( warum nicht beide sprachen wolfgang ?

Cabcom

Gefällt mir sehr gut, der neue Style. Meiner Meinung nach noch besser als Cubic, weil noch reduzierter auf das Wesentliche und noch einen Tick übersichtlicher. Bezüglich der klaren Farben bin ich auch Deiner Meinung, Wolfgang. Ich ermahne mich in letzter Zeit auch immer öfter selbst, nicht zu kontrastarm zu gestalten. Das erhöht auf jeden Fall die Usability (gerade auch für Leute, die nicht so gut sehen können). Super Arbeit — weitere so!

Florian

Danke, freut mich dass der neue Style vorwiegend auf positives Feedback stößt.

Wolfgang

Ich dachte mir bisher eigentlich, dass es kaum besser geht. Aber da habe ich mich wohl geirrt :). Genial, um es kurz zu sagen. Gefällt mir sehr gut.

Michael

After further refinement, I think the new theme is quite finished. I’ve tweaked the look of the sidenotes and changed the navigation so that it is still useable with a larger font size. And if you are interested — the main RSS feed of Bartelme Design is now also available as an Atom 0.3 feed. Enjoy.

Wolfgang

Pretty, but too simple to me.

rusavv

Hi Wolfgang This is a real masterpiece. That’s where power of simplicity comes into play. When I looked at it I could see that every pixel on the site was touched by an artist. Well done, Wolfgang Sincerely Andrei -----

Andrei

Commenting is not available in this channel entry.