Creating your room shape
Moving the layout around the screen and zooming in

Measuring a distance or angle Seeing the design in 3D
Finding your way around the planner

Feet and Inches Convertor

Plan in Imperial Standard or Metric

Saving your design
Placing windows and doors

Archways and internal walls

Radiators and other fixtures

Putting furniture into the room - using catalogues

Moving things around - Snapping rules

Deleting single items/ clearing the room

Makeover - Changing colours and style

Improving the quality of the colour image

Changing the background and grid colour

Changing the 3D view


The site is for you to use freely to design your kitchen, bedroom, bathroom or living room and look at the results in 3D. 

The site is designed to move thorugh the design process in 3 stages.  Stage one is all about creating the physical space that you wish to furnish, makeover or redesign. Stage two is where you add furniture and products to your space. Stage three is where your room comes to life. Here you can change materials and decor whilst viewing in 3D. Thinking about taking out a window? Not sure whether to go for a island kitchen or a galley? No problem, at anytime you can move back and forwards through the steps making any changes that you fancy.

At the top right hand side of the design screen is a toolbar which gives you various functions, including save, print and options relating to how the planner looks and works. The design area is in the middle section and across the bottom a scrolling menu shows the choices you currently have available from the catalogue you have chosen.  Catalogues are displayed on the left hand side of the planner, and you will notice that these change according to the stage that you are on.

At any stage you can save your design in order to come back to it later.  To do this you must register using your e-mail or any other name and give a password  This is simply so that you can use your name and password to keep your designs secure and so you can get back to them again on another occasion.


This web site is intended to allow you to explore design options for your own home. It does not replace a professional design service and, especially when fitting a kitchen or bathroom, we recommend that you speak to a design professional or fitter before purchasing any items or starting any work to make sure that the your proposed designs are feasible.

Remember that the dimensions you use in your room must be accurate otherwise the designs you produce may not fit.

Look at "Design Tips" and "Links" tabs on our web page for some ideas and points you should consider when making your design.

Remember when you are choosing design materials and styles and sizes not all combinations we offer may be commercially available and you should consult a manufacturer's catalogue before making any final decisions

Finding your way around the planner

Standard toolbar

On the top right of the screen, this is the main toolbar. From here you can sign in, save, load and print designs, and change any options available for the planner. The gallery tab lets you view layouts and images which others may have published to the public gallery. Hovering over File and Help will open drop down menus for you to choose from.

File MenuFile menu
The File menu you allows you to access design and images which you have stored in your personal gallery.

Remember that your designs are kept in your own personal folder and others cannot get to them and edit them without your user name and password.  If you have forgotten you Password we can e-mail a new one to you, if you have given us your e-mail address when you registered.  If you did not there is nothing we can do if you forget your password - sorry!

New - use this button to create a new design.

Open - shows all your saved designs. You can then click on a design to load it and edit it.

Save and Save As - allow you to save your current design.  To do this you must first register giving a name (usually your e-mail address) and a password to keep your designs safe.  You can choose to save your designs in the public gallery so that others may see them but cannot alter your original. You can also add a description.

Print and Snapshot - you can print the current view or save it as a snap shot.

View Parts List - this useful option will give you a list of all the items used in the current layout.  Please note it only contains units and there is no reference to other items such as worktops or plinths and cornice.

Help menuHelp The Help menu gives you access to all the tools related to the planner. You may have already found it as you're reading this guide !

From the help menu you can also view tutorial videos and leave feedback. Please do tell us what you like, and what you don't like. Let us know if you think we're great or if you're having a problem. We do value our users feedback, and put it all to making improvements and adding products and features to the site.

Feet & Inches convertor - this clever little tool opens a convertor at the bottom of the page. It knows if you're working in metric or feet and inches and converts a measurement for you. You can decide to work in either set of units by  changing the units of measure

Colour problems? - If you are seeing a green tinge to the items in your paln when you view in 3D you should try switching to 'simple mode'. Please let us know if you are having this issue to help us resolve it for our users.

Little helper - our little helper might remind you of a certain paperclip; handy for some hints to start with when you've read what he's got to say you can switch him off (or back on ) here !

Finally the display of the planner its self. Show or hide and change the colour of the grid lines, and change your back ground colour

back to top

Changing the unit of measurement

One of the most frequent requests we received from users was the ability to design in feet and inches. You can now switch between feet and inches and metric easily. Just click on the convertor icon on the planner toolbarRule with arrows which will give you a popup where you can set the units you want to work in.

Change units.

If you decide to work in feet and inches you have a choice to work in feet and decimal inches or fractions of an inch.  If you choose fractions you can specify the smallest fraction you want to work to.  The default is 1/8 th of an inch. When you are entering dimensions in feet and inches type them like 12' 3 or 12' 3" - you must always put in the ', to indicate feet, but you can omit the " for inches.  If you type a number it will be assumed to be in inches, so 123.4 will give 10' 3 3/8", for example.  When you enter fractions just leave a space between the inches and the fractions, such as 10' 3 1/2 to mean ten feet three and a half inches.

We have also added a convertor to the help menu (open the Help menu and select Feet & Inches Convertor) or by clicking "Metric Converter" in the box above. This allows you to convert single measurements between the two system. The Convertor will open at the bottom of the page and you can enter your measurements and convert them as you need to.

How to design your room

To make the process easier the process has been broken down into four stages. These are shown at the left hand side of the design screen. You can access the relevent help for each stage by clicking on the ? at any time.

4 Easy steps

You can move between these stages at any time - just click on the line you want. Stages 1 to 3 work in a plan view of your room because this makes getting things in the correct place easier.

The Planning Toolbar


This toolbar is visible while you are in the 2D planner. You can use it to lock/unlock walls, clear the contents of your room while leaving the room layout unchanged, add text, measure, change from metric to feet and inches measurements and zoom and pan around your plan.

You can see your design in 3D at any time by moving to stage 4 or by pressing the 3D button on the toolbar at the top of the screen:  Toolbar

Saving your design

WARNING: Your design is not being saved anywhere while you are working on it so if you leave this web page without saving your design will be lost
If you want to save your layout so you can come back to it another time, or compare several designs you should click Save or Save As icon in the file menu.

Save will update you currently saved design (if any) with any changes that you have made. Save As allows you to save your current design without amending the original, simply give the design a new name (something that let's you know what is different) and you'll have two versions saved. This allows you too experiemnt with different styles, colours and layouts.

In order to identify your designs you will be asked first to enter your e-mail address or another name and a password to register. We will not use any of this information to identify or contact you without your permission but you will need to enter it again if you want to get back to your design. Please use a memorable password as we cannot access your password should you forget it.

If you do forget your password you can reset it and a temporary password will be sent to your email address. If you do not supply a real email address there is nothing we can do to help you - sorry.

Stage 1

Build your
                      room When you open the planner a square room will be shown with default measurements of 4m x 4m. You can edit this shape to match your room's dimensions. If you want to start with one of the sample shapes provided click on Room Shapes and then Room Layout. You can then select a shape to edit from the scrolling menu at the bottom of the planner. You can further edit this shape by using any of the tools described in the next section.

Alternatively, you can use one of the Sample Rooms and change it around as you wish. To do this just click on Sample Rooms and then select the type of room your would like. A choice of rooms will appear at the bottom of the planner. Click on one to load it to the planner.

Editing your room plan

First measure your room in millimetres (or feet and inches if you prefer). The corners of your room are shown as black dots with black wall lines joining them. You can either pick a standard shape from the Room Shapes category on the left or drag and add more corners to make the shape you want. Alternatively, you can use one of the pre-prepared layouts and change it around as you wish.

You can make any changes to your room shape in stage one. Once you move to stage 2 or 3 your walls will become locked in place. Click on the padlock on the planners toolbar to unlock them for editing Lock/
      unlock walls or move back to stage 1 by clicking on the "1. Build Your Room" line left hand menu.

Change the shape - move a wall or corner
To alter the shape move your mouse near a wall and a red dot will appear on the wall. If you are near a corner the black dot on the corner will turn red and if you hold down the left mouse button the corner will move around as you move the mouse.  If you are not near a corner the whole wall will move as you move the mouse. The angles of the walls on each end of the wall you are moving will be kept the same so if they are not at right angles the length of the wall you are moving will change accordingly.

Notice that as you move the walls or corners around the length of each wall will be displayed. For more precise positioning you can type in the length, as described below.

If you don't move the mouse for a few seconds a tip will pop up giving you more information on what to do.

Specify the wall length
As you move a corner the length of the walls will be displayed in your current units. If you move near a grid point the corner will lock onto it.

If you need to change the length of a wall to give it a precise value just click on the current measurement text on the wall you want to change.  The text should be highlighted in red and the corners at each end of the wall will be numbered 1 and 2  and in the example below.

Change wall length

A popup will open at the right of the screen and the current length will be displayed. Overtype this with your new value. You can choose which end of the wall you want to move in order to set the new distance by selecting either 1 or 2 from the "Move corner" line in the popup.  Then click "Change" to apply the new distance.

Edit wall length

Add another corner
If you click the right mouse button when pointing near a wall another corner will be added at the position of the  red dot. You can add as many corners as you want to make your room shape. These corners can then be moved about to match you room shape.  This is an easy way to include obstructions such as chimneys and other obstructions into your room. The picture below show the steps involved in adding additional points to a straight wall to make an obstruction such as a chimney. New points can be added by clicking anywhere along the wall and then moved into their correct position to give the sizes required.

Adding wall points

Remove a corner
If you press the right mouse button while the mouse is over a corner the corner will be removed.

The measure tool

Measuring a distance

If you need to measure a distance you can use the measure tool. Just click on the "set square" icon on the toolbar. A cross will appear on your cursor, like this, Measure
        toolwith text telling you how to abandon the command. Move this to the point that you wish to measure from and click. You can then drag the measure to anywhere in your design and see the distance from point to point. Click another point to start measuring from a different reference. To finish measuring click on the toolbar icon again.

Getting a wall angle
You can use the "Measure" tool from the tool bar at any time to check the length and angle of a wall and to display the horizontal and vertical offsets.  Click the measure tool and pick the point you want to measure from.  As you move the mouse around the distance and angles will be displayed.  As you move near wall corners the mouse will lock onto these corners.

In practice, it is rarely possible to measure the angle of a wall in your room precisely.  It is a much better plan to measure distance from a suitable base line and check these with with the Measure tool.

Stage 2

Build your room There are two catalogues available from which you can select room details. Clicking on the arrow next to the catalogue name will drop down a list of the available catalogues. Products in a catalogue are assigned to a category and all the categories are listed under the catalogue name. Each category has a + sign against it. If you click this you will see a list of sub categories within each main category. Picking a sub category will give a list images of all the products it contains is a strip under the main design window.

Place windows and doors

Windows and doors
Click Windows and Doors tab on the left hand menu then choose the windows or doors option. Pick the one which is most like yours, type it's sizes into the popup window on the right and then press "Apply"

The door or window will be added into the centre of the room. To move it simply point to it with the mouse and it will turn red. Then hold down the left mouse button and move it around. As you move near a wall the window or door will align itself automatically to the wall. Because windows and doors are quite thin it is a little more difficult to point inside then when you want to pick them so take a little more care when selecting them or zoom in a little closer.

You will see that a properties box opens to the right hand side of the screen. Using this box you can edit and update the windows properties. Once the window is in place you can click on it and edit these options at any time.

Archway and internal wall

Arches and internal
Archways, blocks etc. are items you can add into your room to represent dividing walls, pipe boxing, cupboards etc. These are just to give you an idea of the space they occupy when you come to lay out your furniture.

Pick the item from the list in just the same way as you have done for Windows and Doors and give its sizes (you can use the "Measure" tool to find out what these are). If you move near to a wall the item will align to the wall but you can place it anywhere.

If you move near to one of the points on the grid the item will lock onto it

Partitions are internal walls and their "Depth" is the thickness of the wall.  This is the edge (usually the shorter edge) which will stick to other walls and partitions when they come close together.  Also when cabinets are added their back edge will stick to a partition in the same way it would do for a wall.  They will not stick to blocks in the same way.

Radiators and other fixtures

These are added in the same way as furniture.   The catalogue 'Fittings and fixtures' has various items to add to your room. See 'How to select from catalogues'.

Stage 3

Adding furniture into the room

Once you have got your room shape planned you can move on to putting furniture in.   Clicking 2. Add Furniture replaces the left hand column with a new menu which allows you to select furniture to place in the room. If you want to modify your room at any time simply go back to the first screen.

How to select from catalogues

Add furniture Several catalogues are available from which you can select furniture.  When you have moved to stage 3 you will see that there is a menu showing the current catalogue and its contents. Clicking on the arrow next to the catalogue name will drop down a list of all the available catalogues. Products in a catalogue are assigned to a category and all the categories are listed under the catalogue name.  Each category has a + sign against it.  If you click this you will see a list of sub categories within each main category.  Picking a sub category will give a list images of all the products it contains is a strip under the main design window.

At any time during your search you can change to a browser view of the catalogues by clicking on the magnifying glass.Zoom This also allows you to see any product information available and may link to the suppliers website. You may navigate the catalogue by picking from the list of the left of the screen or by clicking on an image. This is an example of browsing Kitchen Appliances.


As you move across these images in the strip at the bottom of the screen, a popup will appear over the design containing details of the item you are over.  You can click on the item or Add to Room to add your selection to the room, or click on More Details to open the browser and find out more product information. You can then Add it and browse back through the categories to add more products, or select Add & Back to add and return to your 2D plan.

Scrolling selector

Each item has a properties box that opens to the right hand side of the screen once it has been added to a design. this allows you to make changes to an item. Properties are available for two purposes. Positioning properties allow you to change where an item is, so its height from the floor, angle, and distance along a wall. Options refer to things that can be changed about an item. Some products will have more options available than others depending on the catalogue that you are using. Once you have made any changes click on Update Options to change your selection

Properties popup

This is a view of a product as it would be seen in the browser

Add from the browser

Please note that the images which are used to pick the furniture you add may not be the actual style and colour you want. These are used just to give you an impression of how each item looks. You can set the real colour and style when you move to the next stage in 3D

Moving things around - snapping rules

When items are first added into the room they are placed in the centre of the room, at the angle of the last item you added. If you click an item with the left mouse button held down you can drag it around the room.

When the item gets near a wall or partition it's back edge will automatically align to the wall. If you hold down the SHIFT key on the keyboard this alignment will not happen.

When the sides of the item you are moving come close to an item which is already there it will lock the item onto the target. In this way you can be sure that the furniture will correctly lock together. Again, hold down the SHIFT key to prevent this snapping from happening.

Snapping items together
When units come close to other units already placed in the design they will attempt to lock their edges together, as well as aligning ther back edge to the nearest wall.  This is particularly useful for kitchen and fitted bedroom furniture where it is important that the units do snap together.  It is less important for interior design where the design is more free-form:
Remember that holding the SHIFT key down will prevent this from happening.

Changing position You can use the properties box to update the position of an item in your design at any time by clicking on the item that you want to move.

The properties box will open and you will see details of its height from the floor and angle.

If the item is against a wall you will also see a left and right distance.

Simply click in the box, delete and then add the new distance.

Hitting enter on your keyboard, or clicking Update Options will move the item to where you have specified.

Rotating objects

When the mouse moves over an item it turns red to indicate that it has been selected. You can rotate it if you click and hold down the right hand mouse button and as you move the mouse the item will spin around its centre.  If you hover over an item for a few seconds a popup box will give you tips about what you can do.
back to top

Deleting objects

If you press the DELETE button on the keyboard any item that is selected (shown in red) will be removed completely from the layout. You can also use the Delete X button in the properties box.

You can also clear the entire contents of your room by clicking on the X on the planner toolbar. planner toolbar This will remove ALL the items from your room, but keep your room shape.

Moving the layout around the screen and zooming in

While you are working in plan you can move the drawing around the screen by pointing with the mouse away from any object so that nothing is selected and holding down the left mouse button.  As you move the mouse around the drawing will move around the screen.  If your mouse has a mouse wheel you can scroll this up and down to zoom into and out of the drawing.

planner toolbar

The right most button on the toolbar  gives another way of doing this:

View tool
When you press the right most button the drop down shown on the left will appear.  Click the button again to make it disappear.  If you hover the mouse over the buttons the you can move the layout around the screen and zoom in and out of it.  The button in the centre will restore the screen to its original scale.  As you hover over the buttons a tool tip will tell you what they do.

If you click anywhere in the box it will disappear.

Changing the background and grid colour

You can change the background colour and grid colour by going to the Help menu at the top right hand side of the planner.

Dropping down this menu will give you the options to change the size of the grid lines that show, change the grid line colour and change the background colour.

Hover over the option and then the colour you wish to choose and click.
Option menu

Stage 4

The Makeover - How to Style Your Room

makeover options
The items you have added in 2D have only default materials and styles attached. Stage 3 is where you get to experiment with colour and style.

Once you move into 3D you will see a different range of catalogues. These will include general options from which you can choose wall and floor finishes and room specific catalogues from which you can choose door colours and styles etc.

For example, if you want to change the colour of the doors or drawers in a kitchen desing select kitchen options from the catalogue pull down. This will give you a choice of finishes and styles that will then be applied to your room instantly.

The range of choices will show at the bottom of the screen in the same way that products show in the 2D screen.

For example, if you have both Kitchen and Bebroom furniture in your layout you can change their finishes independently by selecting either the Kitchen or the Bedroom finishes catalogue.

Changing colours and styles

Current Options
In the 3D makeover screen you will see your Current Options shown to the righthand side of the planner. This shows all the colour, material and style choices that you are currently using.

To change any of these colours or styles just click on the Green text. This will open the details of the colour, material or style as shown below.
Product detail
From here you can navigate back through the material catalogues and apply changes to your colour and style schemes.

Simply click on the Blue highlighted links. So in this example you could go to the Wall Tiles catalogue to browse all the wall tiles available, or to the Wall Finish catalogues from where you can choose other wall finishes such as paint or wall paper.

As you can see below when you select a catalogue that includes sub categories (for example Wall Finish has the sub categories Colours - Satin, Wall Tiles and Wallpaper) you can then move between these by selecting from the righthand side of the browser. The colours materials or styles in that sub category will be shown as a list that you can scroll through.

Just click on Apply when you find the choice that you wish to apply.

Browse Items
back to top

Seeing the design in 3D

At any time you can see your design in 3D and change colours and styles of your furniture. Simply press the 3D button on the toolbar or select 3.Style Your Room from the lefthand side of the screen. 

When you move into 3D for the first time an application has to be loaded automatically from the internet.  This may take a little while to complete so please be patient until the 3D view appears. If you are having problems with viewing in 3D please refer to our troubleshooting pages, particularly those related to Java.

Please note. If you are using Internet Explorer 8 you will not be able to see the 3D icon. We recommend you update your browser or try an alternative one.

Changing the 3D view

When you first come into 3D you will be looking into the centre of the room from the bottom right hand corner of the plan. You can navigate around your room using the mouse.

There are two modes to choose from when viewing your room in 3D. These can be changed by clicking on the pan icon.

Mode selector Select the globe icon in the centre of the drop down to use Normal mode. With Normal mode you can use your mouse or keyboard as described below.

Select the icon of the stickman to use Walkthrough mode. This mode lets you view your room as you would in a "first person" computer game.

The mode that you are currently in will be displayed on the righthand side of the screen 3D Mode. Clicking on the arrows on this box will open the keyboard and mouse instructions shown below.

 Normal mode


Walkthrough mode

Walkthrough mode

Improving the quality of the colour image

You can smooth our the jagged lines in the image to improve its quality by clicking the Improve 3D view button on the tool bar.  This is a toggle button so click it again to go back to the original effect.  When  in the enhanced mode the walk-through will be slower and on some graphics cards it may be too slow.  If this is the case toggle back the the original, non-enhanced, mode when you are changing the view.