I'm making a browser strategy game.

Now my problem is that I have a feeling that my design is dated. For now I have only used background colors and borders to make things look nice, but I have planed to add some pictures later.

Here is what it looks like now:

enter image description here (Click for larger)

You will see that the game has a top and bottom bar and has the main section in the middle. My main concern is that this may not be best idea, because not full width and height of the window is used.

What strategies can I use to update the visuals of the site to a more modern look?

| improve this question | | | | |
  • \$\begingroup\$ The game is not playable yet, you can't build building or send messages. You can only view the game. Only difference you can make is that new players are added to the rank list (refreshes every 30 min) and I can do that myself. Besides, you will get much better look at the game when you see it yourself then on a photo. \$\endgroup\$ – zoran404 Jul 18 '13 at 15:57
  • \$\begingroup\$ This doesn't seem like an actual question. If you can be specific about an actual issue (not something as general as how to make the game look better) you might get some better help. \$\endgroup\$ – Benjamin Danger Johnson Jul 18 '13 at 17:15
  • \$\begingroup\$ You forgot: "Tell people what you've tried, why you don't think it works and how you want it to work." \$\endgroup\$ – MichaelHouse Jul 18 '13 at 18:00
  • 2
    \$\begingroup\$ Get an experienced UI designer/artist. Or if you can't, do what ashes999 said. \$\endgroup\$ – Sean Middleditch Jul 18 '13 at 20:12
  • 1
    \$\begingroup\$ @zor Design it yourself then? For me, design is about removing everything unnecessary. Suggestions are subjective though. There's also a UX SE, by the way. \$\endgroup\$ – Anko Jul 19 '13 at 9:01

Let the important content take as much space as possible. Show utility buttons (like add/remove) only when needed. Replace the wall of text with images where possible. Where not, keep the text short. Take example from the design of good browser-based games.

If you are having a hard type designing the page take a look at those UI libraries that can make your life easier:



Metro UI

Kendo UI

If those don't fit your design, use your favourite search engine to find more such libraries.

| improve this answer | | | | |

Not the answer you're looking for? Browse other questions tagged or ask your own question.