New website design

Web discussions, including project website, forums, wiki, and others.
User avatar
Bjørn
TMW Adviser
TMW Adviser
Posts: 1430
Joined: 09 Dec 2004, 19:50
Location: North Rhine-Westphalia, Germany
Contact:

New website design

Post by Bjørn » 27 Mar 2005, 01:18

Although I've made quite a few fixups and simplified much of the code, I am still not happy with our current website, because it's messy (inconsistent, too square, too many lines, strange colors, etc). Now I know the logo hasn't been decided yet, but while fiddling with it I couldn't help myself and I went on to do a redesign of the website. Here's a small thumb, click for a larger image:

Image

I'd like to know what people think about it, and wether it could be accepted as our new website, and which modifications people would like to see.

The design in SVG format:
http://www.lindeijer.nl/~bjorn/tmwwebsite.svg

Here's a small variation.
User avatar
i
TMW Adviser
TMW Adviser
Posts: 1113
Joined: 07 Mar 2005, 18:29
Location: Poland
Contact:

Post by i » 27 Mar 2005, 07:20

it needs some fixes IMO.
Retired chainsaw seller. CEO @ Advertising Agency N2P
User avatar
ElvenProgrammer
TMW Adviser
TMW Adviser
Posts: 2526
Joined: 13 Apr 2004, 20:11
Location: Italy
Contact:

Post by ElvenProgrammer » 27 Mar 2005, 10:10

Maybe more colors could help a bit?
User avatar
Bjørn
TMW Adviser
TMW Adviser
Posts: 1430
Joined: 09 Dec 2004, 19:50
Location: North Rhine-Westphalia, Germany
Contact:

Post by Bjørn » 27 Mar 2005, 11:38

In response to comments bij Elven, I've saturated the purple a bit more and added some color in the title. I've also added menu items, screenshot and banners:

Image

Again, SVG version (without the banners, I added those in GIMP):
http://www.lindeijer.nl/~bjorn/tmwwebsite_r2.svg
User avatar
maci
Warrior
Warrior
Posts: 507
Joined: 05 Dec 2004, 21:01
Location: Germany
Contact:

Post by maci » 27 Mar 2005, 11:46

wow i like this one
ElvenProgrammer wrote:Maci: don't be rude, we're here to help people ;)
User avatar
Bjørn
TMW Adviser
TMW Adviser
Posts: 1430
Joined: 09 Dec 2004, 19:50
Location: North Rhine-Westphalia, Germany
Contact:

Post by Bjørn » 27 Mar 2005, 13:16

Alternative footer and header:

Image

http://www.lindeijer.nl/~bjorn/tmwwebsite_r2_alt.svg

Here I also gave the logo a slight turn to put it more straight, I think it looks a bit better:
http://www.lindeijer.nl/~bjorn/tmwwebsi ... rntest.png
User avatar
Pajarico
Warrior
Warrior
Posts: 592
Joined: 28 Feb 2005, 20:29
Contact:

Post by Pajarico » 27 Mar 2005, 15:16

I like it :wink:
User avatar
ElvenProgrammer
TMW Adviser
TMW Adviser
Posts: 2526
Joined: 13 Apr 2004, 20:11
Location: Italy
Contact:

Post by ElvenProgrammer » 27 Mar 2005, 16:43

Just a random thought: maybe we could add some characters images in the footer instead of the text
User avatar
Rotonen
TMW Adviser
TMW Adviser
Posts: 3154
Joined: 08 Sep 2004, 20:48
Location: Espoo, Finland

Post by Rotonen » 27 Mar 2005, 18:21

It's starting to look a lot less scifi with the saturation and colorlevel changes. Not perfect yet, IMO. (Sorry, it's an annoying opinion since I cannot tell you what to change/add/remove.)
User avatar
Pajarico
Warrior
Warrior
Posts: 592
Joined: 28 Feb 2005, 20:29
Contact:

Post by Pajarico » 27 Mar 2005, 19:08

A suggestion: Make the "Mana World" on the top less opaque and add some blur shadow. :?:
User avatar
maci
Warrior
Warrior
Posts: 507
Joined: 05 Dec 2004, 21:01
Location: Germany
Contact:

Post by maci » 27 Mar 2005, 20:40

hmy yeah maybe oange is a good idea
ElvenProgrammer wrote:Maci: don't be rude, we're here to help people ;)
HaLLanHype
Novice
Novice
Posts: 184
Joined: 10 Mar 2005, 01:58
Contact:

Post by HaLLanHype » 28 Mar 2005, 00:07

Its looking pretty good just some changes.
User avatar
Bjørn
TMW Adviser
TMW Adviser
Posts: 1430
Joined: 09 Dec 2004, 19:50
Location: North Rhine-Westphalia, Germany
Contact:

Post by Bjørn » 28 Mar 2005, 00:48

I've adapted the site to the latest version of the logo as posted by Irukard here. It's not the final version of the logo and probably he'll make one at exactly the right size so that it doesn't need to be scaled:

Image

To better match with the logo the color moved from blueish to brownish, and I've added a crude dropshadow to test the effect. I am at my parents and had to work with GIMP instead of inkscape, so I didn't adapt the title but otherwise I'd have tried the dropshadow there too.

Thanks for all the ideas, it's really appreciated.
User avatar
nym
Novice
Novice
Posts: 116
Joined: 18 Aug 2004, 11:01
Contact:

Post by nym » 28 Mar 2005, 02:38

Wow, thats 100% better :D
It looks really good -- only one last suggestion :) (hehe). I would probably remove (or lessen to barely see'able) the gradients from the "News" title and the menu backgrounds on the right side. The gradients are about the only thing making it still look futuristic (the smooth curves also, but that is mostly negligable).

The color scheme is much butter imo, as it fits the context better as a fantasy role playing game (yes, changing the base color can have that effect). You also may want to play around with some other things, like news footer ("The Mana World" with hills and trees) color, maybe adding a tint of green to the leaves, and maybe adding some yellow the the hills to look more like sand (or green if you want :)). Another thing you could play around with is the background color of the pages, try maybe an off-white color.

Very good work Hammerbear :)
User avatar
i
TMW Adviser
TMW Adviser
Posts: 1113
Joined: 07 Mar 2005, 18:29
Location: Poland
Contact:

Post by i » 28 Mar 2005, 09:53

Image

and if u need for something.. smaller ;)

Image

make good use from that stuff ;)
Retired chainsaw seller. CEO @ Advertising Agency N2P
Post Reply