Have you noticed how you use your mobile phone differently to a computer? Because of the small screen of a smartphone, apps usually push content into one narrow column that you can scroll down through.
When I originally created the OngoingWorlds design, I hadn’t thought of this, so never created a mobile specific stylesheet until now. Read More
I’ve been working this weekend on a design for the OngoingWorlds website. I’m not a designer so this process was very difficult for me. I knew quite specifically what I wanted from the design, but implementing it in graphical form is difficult! I wanted a design which is:
- Easy Navigation
- Reasonably Neutral (to suit members of all different tastes)
- Fun, but not childish
I had a look around at some cool sites for inspiration, and found it at http://cssremix.com/ which lists some really nice sites that have a really clear simple style. I found that I liked the textured grainy background which was on a few sites, and the beige neutral colours were perfect for what I wanted. I took a lot of influence from one site in particular, and tried to copy from it without totally ripping it off!
I’ve been working on the OngoingWorlds website quite a bit lately, I’ve been focussing on the functionality of each page first, but sooner or later I’ll need to apply a design to the site so that it looks like a proper website. I’ve already created some mock-ups to show the bare-bones layout of what certain key pages will look like. This shows where important things will go on each page, but obviously doesn’t show the final colours or look-and-feel of the website. This is about as far as I feel comfortable going with the design, as I’m not the world’s best designer, and would rather recruit the help of someone who does it every day for a living. I’m lucky enough to have the luxury of knowing a good designer so have employed his help.
Mockup of the OngoingWorlds page: "Game Homepage"
However, with a project that’s this close to my heart, it’s very hard to describe to the designer what I want the site to look like. The mock-ups are essential to demonstrate the layout, this will allow him to see where important page content needs to go. However, describing what type of look-and-feel I have is not as black and white.
So what I have done is created a “design brief” which outlines important things I need to communicate to the designer. This will include the purpose of this site, what it needs to achieve so that certain areas could be designed to be more “eye-catching” than others, and also it includes the audience of the site, so that the designer knows who to design for.
Here is the design brief of Ongoing Worlds website below:
Purpose of the site
To allow users to setup a text-based role-playing-game, where they can invite members to contribute to an ongoing story. Visitors to the site should find it easy to see examples of existing games, and view the game’s posts. Users should be able to create a new game very easily, or join an existing game.