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. back to top
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.
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.
The File menu you allows you
to access design and images which you have stored in your
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
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.
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.
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 toolbar which
will give you a popup where you can set the units you want to work
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
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.
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.
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:
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.
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.
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 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
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.
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.
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.
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, with 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. back to top
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
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
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.
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.
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
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.
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.
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
This is a view of a product as it would be seen in the
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
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
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:
Base and tall units will lock their left/right edge to the
right/left edge of a nearest neighbour.
Wall units will lock on to other wall units in the same way
but they will also attempt to lock onto any base unit which they
are over but will give preference to locking right side to right
sides because this is the most usual way to add them
Remember that holding the SHIFT
key down will prevent this from happening.
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
Hitting enter on your keyboard, or clicking Update
Options will move the item to where you have
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
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.
This will remove ALL the items from your room, but keep your room
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.
The right most button on the toolbar gives another way of
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.
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
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
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
Changing colours and styles
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.
From here you can navigate back through the
material catalogues and apply changes to your colour and
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
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
Just click on Apply when you find the choice that
you wish to apply.
At any time you can see your design in 3D and change colours and
styles of your furniture. Simply press the 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 icon. We recommend you update your browser or try an
You can smooth our the jagged lines in the image to improve its
quality by clicking the 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. back to top