Design Post Update

Sample Game Design Concept Board

This article will focus on the development of a concept board (also know as a presentation board) for a game, however the same approach can be applied for the design of any type of design project in areas like architecture, 3D modelling, product design, interior design etc. So whatever design project you are pitching or presenting then you can follow these steps to ensure you create a great concept board design. To prepare even better you might also like to read our article on design presentation boards which gives a good insight into the theories and techniques to creating a great concept/presentation board. For now though, we are focused on the practical, so let's get started!

The Concept:

It may sound obvious but the first thing you need to do when creating a concept board is to create the concept and write it down! Of course everyone does this but not everyone does it correctly. Your concept board should have details of all areas of your proposed project design and therefore your concept/idea needs to be fully developed with all decisions finalized so you don't have to edit your concept board after you thought you were finished or even worse, leave something out that you should have displayed. For example, for a computer game concept board your idea should include....

The Web Design Process

1. The project brief

It is very important to meet with the client, either in person, over the phone or through e-mail or Skype in order to create the project brief for the website or so you can analyse and discuss the brief the client had already created. The brief should be detailed and specific and must be documented and agreed upon in order to allow it to be referred to later in the process. As a web designer you can also state your price and outline a time frame based on the brief. Without a detailed brief these things would not be possible.

2. Identify key requirements

Based on the brief and your discussion with the client, you should first identify the key requirements that the website must meet. Is it an e-commerce website? Does the client require a content management system? Does it require special effects? Factors like these would decide the design approach you take and these should be allocated the most time in your time-frame and they should be the central features around which the site is designed.

3. Research existing websites

If the website is to be a business venture it is important to first assess the competition. Sometimes a client may request that their new site appears higher in search engine rankings than a competitors or that it have extra or additional features therefore it is important to assess what you are up against, so to speak. It is also important to be aware of what the industry standards are for a particular type of website if you are not familiar with them. As a designer constantly browsing, reviewing and analysing new websites is good practice and can provide a source of inspiration for your future designs.

4. Develop the basic website structure

Before you begin the technical design and programming of the website you should first develop ideas for the basic site structure and layout through sketching and drawing. Ideas can be developed quickly and easily in this manner, much quicker than through Dreamweaver or Photoshop, and 'boxing out' the design will make the actual creation of the website a simpler process further down the line. Refer to the web design tips section for guidance in how best to layout your website. At this stage a quick check-in with the client would be recommended before you progress to the next stage.

5. Create the website graphics

Once you have identified the layout and style you want for your site you can begin to create the graphics you will need for the website. This may include the website logo, banner, buttons, image maps, resizing and formatting pictures etc. All these should be designed with consideration to the style and colour scheme of the website. There are a variety of file formats you can use for your graphics, the most common being .gif and .jpg. To help you choose the format which is best for you see the common file formats section. For help and assistance with the creating the graphics you may find our Photoshop and illustrator tutorials useful.

6. Create and program the website

With the layout decided upon and the graphics ready to be put in place you can now begin creating the basic site structure. Begin with the HTML template and use it to create a site master page which will be the starting point for creating all your web pages. Ideally you you should use CSS media queries to make this template responsive. In most cases the majority of your web pages will have the same basic layout so creating a 'master page' first, which can be the template for all other pages, is an approach which will save you time. Once the template is set the graphics and content created earlier can be inserted into the relevant pages easily and quickly completing the website. Once again this would be a good time to get feedback from the client so they can review the design.

7. Refine the website design

Based on the clients feedback and having reflected on the design yourself, make any necessary changes to the website. This may involve subtle changes to the colours, editing or changing images, changing the font style or small layout changes and spacing. Search Engine Optimisation (S.E.O.) should also be part of this process where including certain keywords, tagging images and using meta-tags are all part of the process. For more in depth information see the section on SEO.

8. Website testing and QA

This is a simple task that involves proofreading all the website content, testing all the links and any interactive features of the website. It may also be suitable to get feedback from a select group of people matching the demographic of the website's target audience to test the suitability of the website design and functionality.

9. Launch the website

Getting the website online is the culmination of the process but the old adage of 'build it and they will come' is certainly not applicable to websites. It is vital to index the website in as many search engine directories as possible to ensure visitors can find the website, advertising the site across a variety of media is also useful. On-line advertising through methods like Google Adwords is a recommended approach as well as using social media like Facebook, twitter, Google+ and others will also increase your websites online presence as well as driving traffic to the site.

If you enjoyed this article then perhaps our articles on the graphic, interior, games or furniture design processes may also be of interest.

The Graphic Design Process

The Graphic Design Process is a series of steps that a designer takes when working on a graphic design project; put simply it is a more graphic design focused version of the general design process. The details of each stage will differ depending on the type of design but the approach should always be the same. It is vital to stick to the process during a design as skipping a stage, completing stages out of order of not using the process at all will result in a lower quality outcome, an outcome the client is not happy with or even worse no outcome at all.

The diagram above outlines the basic stages of the graphic design process and below each stage is explained in more detail.

1. Analyse The Brief

Each design project will begin when a client delivers the designer with a brief. The brief will outline what the client wants although as the client will likely have no design experience it is important for the designer to carefully analyse all details given by the client and if necessary to make further enquiries about the needs of the client.

2. Identify Key Requirements

Based on the analysis of the brief you must identify the most important parts/key requirements. Ask yourself, what requirements must I fulfil? For example when designing a poster for an event, the simple act of including the time, date and venue are much more important than any other aspect as a poster without the necessary details is useless. It is therefore important to identify and prioritise the key requirements of the brief. The graphic design style most appropriate to the brief should also be identified at this point.

3. Research Existing Designs

Research is important to identify possible design styles and ideas which may also suit the needs of your client. These samples can be used when meeting with the client to identify the style of image/design which they prefer. For students research will also help to familiarise yourself with industry standard designs and the quality of design which is required.

4. Generate Ideas

Coming up with an idea for the design, a slogan for a campaign, an image for a poster, a name for a website etc. can be difficult. However, by focusing on fulfilling the key requirements of the brief and allowing your research to inspire you it is possible to generate original designs for your project. Brainstorming is often used where a lack of ideas is a problem. Free writing is a type of brainstorming which simply involves relaxing your mind and writing down any and all ideas you have as quickly as possible without really thinking. Having your research around you can help when doing this. It may seem very simple but generally people have numerous ideas but they tend to dismiss them before writing them down, considering them down and allowing them to be developed into viable design solutions. For help and assistance visit our article on idea generation.

5. Develop Ideas

It is good practice not to settle on simply one idea but rather to choose 2 or 3 of your best ideas and develop them through simple sketches, drawings, colour scheme test pages and font style sheets. These steps all help to develop your ideas and highlight which one has the most potential for success. Sketching will also help to identify possible layouts/compositions that can be used.

6. Produce The Design

Once an idea has been selected and sufficiently developed it is time to begin producing/creating the design. It is important to note that this is commonly the stage that overeager student designers begin at and without stating the obvious this should never be done. Depending on the type of design different softwares or materials will be used to create the design but regardless of the means of production it is important that the previous stages are not forgotten and that the key requirements are fulfilled. For help and assistance with the graphic design production stage you may find our Photoshop tutorials useful.

7. Test The Design

This is a quick and simple stage of the process but one that is often overlooked. For printed designs testing simply involves printing the design to ensure the resolution and colours are of good quality, that no clipping of important details occur and that text is readable and without errors. For website design this stage will involve checking that all features are functional, that links are working and that page loading speeds are acceptable.

8. Place The Design Insitu

For printed designs this will involve placing the poster/logo/sign/banner etc. in its intended position and ensuring that text is readable from an acceptable distant, images are clear and that the colours do not clash with or blend into their surroundings. For websites this will involve publishing the website online and rechecking all features and functions. For other types of designs, such as architecture or interior design, a programme such as Photoshop can be used to digitally place the design into its intended environment.

9. Evaluate The Design:

Before presenting your final design to the client it is vital that you evaluate it without bias. The easiest way to do this is simply return to stage 2 where you identified the key requirements of the brief and see if you have successfully fulfilled them. It may also be useful to get the opinion of others at this stage if you fear you will be unable to objectively evaluate your own design.

10. Redesign:

This step is only necessary if, after evaluation, you feel you have not successfully met the key requirements of the design brief. This stage involves returning to the beginning of the process and returning through each step correcting the errors which led to the key requirements not been fulfilled.


If you enjoyed this article then perhaps our articles on the web, interior, games or furniture design processes may also be of interest.

The Interior Design Process

The Interior Design Process is a series of steps that a designer takes when working on an interior design project. The details of each stage will differ depending on the type of design but the approach will always be similar. It is vital to stick to the design process during a project as skipping a stage, completing stages out of order of not using the process at all will result in a lower quality outcome, an outcome the client is not happy with or even worse no outcome at all. But if you do follow the steps of the process it will help you complete your project to the highest standard possible. The steps of the interior design process are outlined below, they are not definitive but they are the recommended stages in order to achieve a successful outcome.

1. Analyse The Brief

Each design project will begin when a client delivers the designer with a brief. The brief will outline what the client wants although as the client will likely have no design experience it is important for the designer to carefully analyse all details given by the client and if necessary to make further enquiries about the needs of the client. The success of an interior design scheme will depend not only upon on the skills and creativity of the designer, but their ability to answer the brief set by the client. A good brief will be as detailed and project-specific as possible. It will outline the client's requirements and aspirations, set down a budget for works and the time scale in which the project must be realised.

2. Identify The Key Requirements

Based on the analysis of the brief you must identify the most important parts. Ask yourself, what requirements must I fulfil? It is therefore important to identify and prioritise the key requirements of the brief. If the brief is not as detailed as you would like it may be a good idea to meet with the client and ask them some questions in order to discover their exact requirements, the style of design that would suit them, the spaces that their way of living will require etc.

3. Create An Accommodation List

An accommodation list is a list of spaces/areas (as opposed to rooms) that will accommodate the activities of the client. If the brief is for the interior design of an entire house or office then the list may include activities such as living, dining, receiving, sleeping etc. While for a single space brief the list may include activities such as seating, storage, playing etc. Designing a space by rooms can be very restrictive and therefore designing to meet the needs of the client is a more direct and accurate approach.

4. Draw Relationship Diagrams

Relationship diagrams follow on from the accommodation list and, as the name suggests, they diagrammatically present the relationship between the selected spaces. During this process it is important to consider factors such as light, noise, function etc. The function of each space will have an effect on where it is positioned within a building or, on a smaller scale, the function of an object/furniture piece will have an effect on where it is positioned within a space. To give just a single example of the multiple factors of relationships that are associated with an object, a desk will be best positioned near a socket (to allow a computer to be plugged), where it gets good natural/artificial light, away from nearby noise (so as not to distract from work), facing out a window or toward objects of interest (for inspiration) and of course where there is room to sit comfortably at it. This seemingly simple example demonstrates the wide variety of factors which can effect the decision making process when positioning spaces or objects within spaces.

5. Research Existing Designs

Research is important to identify possible design styles and ideas which may also suit the needs of your client. These samples can be used when meeting with the client to identify the style of design which they prefer. For students research will also help to familiarise yourself with industry standard designs and the quality of design which is required. See the section on Interior Design Styles as a starting point.

6. Create a Concept Design

With the increase in design technology in recent years design concept designs can just as easily refer to 2D or 3D digital graphics as it can to traditional perspective drawings or floor plans. What remains consistently important is that your designs successfully display your ideas in a way that the client can understand and visualise. As well as the aforementioned perspectives it can also be useful to create 'mood' boards to help present the style and colour scheme of your design concept. A mood board is a type of poster design that may consist of images, text, colours or textures samples of objects to communicate ideas to the client.

7. Obtain Client Feedback

As an interior design project cannot be easily edited, like digital designs can, it is vital to get feedback from the client before proceeding with the implementation stage. Clients are often uncertain about what they really want so it is important to present your design concept in a positive manner and highlight the positive features of the design to the client. The reason for this is that an indecisive client may result in numerous design solutions being presented without any real progress being made. This stage can be a real sticking point in the design process and can result in wasted time and resources so remember that you are the designer and it is up to you to guide the client in their decision making, that is why they hired you after all!

8. Implement The Design

This is the fun part. Realising your design concept and seeing it come to life. This stage may require sub sections of its own depending on the size of the project. However it is impossible to say exactly how as the number of variables is almost unlimited but what is important is to plan this stage extensively before you begin by preparing and clearing the space, ordering materials in advance and having them at hand on the day as well as hiring the staff required to get the project completed on time and within budget.

9. Evaluate The Design

Reflecting on a completed design is important in order to ensure you learn from experience and identify the successful parts of the design to allow you to replicate them in future design projects as well as identifying the parts of the design that did not go well in order to avoid or solve them in future designs.It may also be useful to get the opinion of others at this stage if you fear you will be unable to objectively evaluate your own design. As well as the design itself it is just as important to reflect on your process and ask yourself some questions such as, did I meet the requirements set out in brief? Did I keep to the budget? Did I complete the project on time? If the answer to any of these question is 'No' then you you need to assess your design process and identifying flaws in it or areas where you can be more efficient.

If you enjoyed this article then perhaps our articles on the web, graphic, games or furniture design processes may also be of interest.

The Furniture Design Process

1. Research:

2. Design Concept:

3. Scale Model:

4. Prototype:

5. Testing:

6. Presentation:

The Design Process

If you enjoyed this article then perhaps our articles on the web, interior, games, graphic or furniture design processes may also be of interest.