Guided tutorial (1 of 8)

These buttons let you add surfaces to your photo. Click “Siding” to start adding a wall.

Skip tutorial.

These buttons let you add surfaces to your photo. Tap “Siding” to start adding a wall.

Skip tutorial.

Guided tutorial (2 of 8)

Instructions appear here. Follow them to draw a wall with four points. For this tutorial, don't worry if it's not an exact outline.

Skip tutorial

Guided tutorial (3 of 8)

The buttons on this panel let you adjust the outline. For this tutorial, click “Done”.

Skip tutorial

The buttons on this panel let you adjust the outline. For this tutorial, tap “Done”.

Skip tutorial

Guided tutorial (4 of 8)

It's time to apply product to the wall. Click “Visualize” to move to that step.

Skip tutorial

It's time to apply product to the wall. Tap “Visualize” to move to that step.

Skip tutorial

Guided tutorial (5 of 8)

Select the wall you just outlined by clicking it. (It will light up when your mouse moves over it.)

Skip tutorial

Select the wall you just outlined by tapping it. You can use the “Show Outlines” button if you forget where the areas are located.

Skip tutorial

Guided tutorial (6 of 8)

These are the products that you can apply to your wall. Keep making selections until you get to available colors. When you choose a color, the product will be applied to the roof.

Skip tutorial

Guided tutorial (7 of 8)

Congratulations. You've just learned how to mask an area and apply product to it. Click “Save & Review”.

Skip tutorial

Congratulations. You've just learned how to mask an area and apply product to it. Tap “Save & Review”.

Skip tutorial

Guided tutorial (8 of 8)

This panel lets you share your project with friends and print it.

To return to this project at a later time, you need to sign-in so it can be saved to your account.

The tutorial is over. Switch back to “Draw” to continue masking.

Skip tutorial

Guided tutorial (8 of 8)

This panel lets you share your project with friends and print it.

The tutorial is over. Switch back to “Draw” to continue masking.

Skip tutorial

Guided tutorial (1 of 4)

Select an area on the picture by clicking on it. Areas light up when your mouse pointer moves over them.

Skip tutorial

Select an area on the picture by tapping on it. You can use the “Show Outlines” button above to turn on outlines of all the available areas.

Skip tutorial

Guided tutorial (2 of 4)

These are the products that you can apply to the area you selected. Keep making selections until you get to available colors. When you choose a color, the product will be applied to the selected area.

Skip tutorial

Guided tutorial (3 of 4)

Congratulations. You've just learned how to select an area and apply product to it. Click “Save & Review”.

Skip tutorial

Congratulations. You've just learned how to select an area and apply product to it. Tap “Save & Review”.

Skip tutorial

Guided tutorial (4 of 4)

To return to this project at a later time, you need to sign-in so it can be saved to your account.

Saving the project to your account will allow you to print and share the project with your friends.

The tutorial is over. Switch back to “Visualize” to continue applying product.

Skip tutorial

Guided tutorial (4 of 4)

Saving the project to your account will allow you to print and share the project with your friends.

The tutorial is over. Switch back to “Visualize” to continue applying product.

Skip tutorial

Perspective

To have product appear correctly on this surface, please set the perspective. Perspective is set automatically for four point surfaces; check it anyway. Stop bugging me.

Did you know?

You can take up to ten snapshots of various product combinations and then view or compare them at a later time.

Did you know?

If you signed in to your account, you could take up to ten snapshots of various product combinations and then view or compare them at a later time.

Did you know?

You can apply product to an area directly from the “Recently Viewed Products.”

Not looking right?

You forgot to apply perspective to this area. Show me how or stop bugging me.

Perspective

You're back in the “Draw” task. Use this button to set the perspective, then switch back to “Visualize” to see the effect.

sign-out
welcome, {firstName}
create account
sign-in
home

You are using a browser that is over six years old. For the best experience, please consider using the latest version of Chrome or Firefox.

Sign-in to view, edit and share your projects.

No account with this email or password exists.

Create an account to save and share your projects
by filling out the information below.

An account with this email already exists.

Unable to create account.

Your account has been created. One moment…

The password confirmation doesn't match.

The password must be at least {length} characters.

Update your account information by filling out the
information below.

To change your password, fill in these two fields:
Please provide your current password to update:

Unable to update account.

Unable to update. Please provide your current password.

Unable to update. Chosen email is in use.

Your account has been updated.

The password confirmation doesn't match.

The password must be at least {length} characters.

Request a Quote
You're almost there!
Tell us a little bit more about your project, and we'll help you on your way to realizing your vision...
 
First Name:
Last Name:
Email:
Phone:
ZIP / Postal Code:
Project Details:
 
 
Thank You!
Your request has been submitted and we look forward to meeting you!
 

Color and Product Disclaimer

Products and product colors may not be exactly as shown. This is due to variance in monitor and printer calibrations. Please base your color choice on actual samples before making your final decision.

Product and color availability can vary by region. As a result, some of the products and colors you see may not be available to you.


Disclaimer
100%
►
►►►
Drag image to reposition; click pan again to stop
Drag image to reposition; tap pan again to stop
Project saved
Project saved, reloading…
Project saving…
Unable to save. We are experiencing technical difficulties.
Unable to save. We are experiencing technical difficulties.
Unable to visualize. We are experiencing technical difficulties.
Unable to add account. We are experiencing technical difficulties.
Unable to attach project. We are experiencing technical difficulties.
You must sign-in or create a new account first.
You must sign-in, redirecting…
Select an area, first
The chosen product is already applied to this area.
Replaced with Resources.Site.productNoNo
Unable to take snapshot. We are experiencing technical difficulties.
Unable to take snapshot. We are experiencing technical difficulties.
Unable to open snapshot. We are experiencing technical difficulties.
Opening snapshot…
Snapshot opened
Grouped
Ungrouped
Development
i
(Click for more info)
Snapshots

Sign-in or create an account to use Snapshots.

Save this project to your account in “Save & Review” to use Snapshots.

Take up to 10 snapshots as you apply product. Compare them later.

Take up to 10 snapshots as you apply product. Compare them later.

◄
►
Taken
Recently Viewed Products
◄
►

What type of project is this?


Set the project scale

Tell us how large the subject of the picture is in real life. Click on a corner of a wall or door on the project to start drawing a measuring line.

Tell us how large the subject of the picture is in real life. Tap on a corner of a wall or door on the project to start drawing a measuring line.




Finish the measuring line

Draw a measuring line to another corner of the same wall or door. Click to end the line.

Draw a measuring line to another corner of the same wall or door. Tap to end the line.




Set the project scale

ft  in 






Draw surfaces and features on your picture using the masking tools below. Apply products to these areas in the “Visualize” task.


Masking

Scale

Undo / Redo


First Corner

All openings have four corners. Start by clicking on the first corner of the opening you want to define.

All openings have four corners. Start by tapping to define the first corner of the opening. Don't worry about accuracy, you can move the points later.


Second Corner

Now click on the second corner of the opening you want to define.

Now tap on the second corner of the opening you want to define.


Third Corner

Click on the third corner of the opening you want to define.

Tap on the third corner of the opening you want to define.


Fourth Corner

Finally, click on the fourth corner of the opening you want to define. The shape will complete itself and you will automatically move to the next step.

Finally, tap on the fourth corner of the opening you want to define. The shape will complete itself and you will automatically move to the next step where you can adjust each point by touching and dragging it if it's not in the correct position.


When you have similar sized openings, duplicate this opening and then drag it into position. You can also remove the opening.

Throw away this opening. You can undo this action from the Drawing task.

All features have four corners. Start by clicking on the first corner of the feature you want to define.

All features have four corners. Start by tapping to define the first corner of the feature. Don't worry about accuracy, you can adjust each point later.

Second Corner

Now click on the second corner of the feature you want to define.

Now tap on the second corner of the feature you want to define.

Third Corner

Click on the third corner of the feature you want to define.

Tap on the third corner of the feature you want to define.

Fourth Corner

Finally, click on the fourth corner of the feature you want to define. The shape will complete itself and you will automatically move to the next step.

Finally, tap on the fourth corner of the feature you want to define. The shape will complete itself and you will automatically move to the next step where you can adjust each point by touching and dragging it, if it's not in the correct position.

Throw away this feature. You can undo this action from the Drawing task.

 

Surface Outline Starting Point

Click anywhere on the picture to define the starting point of the surface outline.

Tap anywhere on the picture to define the starting point of the surface outline. Don't worry about accuracy, you can adjust each point later.


Surface Outline

Outline the surface by clicking to add a point every time the path must change direction. To close the shape, click the starting point handle again.

Don't worry if the outline is not precise, you can adjust each point of the outline after its been drawn.

Outline the surface by tapping to add a point every time the path must change direction. To close the shape, tap the starting point.

Don't worry if the outline is not precise, you can adjust each point of the outline after its been drawn.


Erase Part of a Surface

Outline the area you want to erase using the same technique as drawing. To begin, click anywhere on the picture to define the starting point of the area you want to erase.

Outline the area you want to erase using the same technique as drawing. To begin, tap anywhere on the picture to define the starting point of the area you want to erase.


Erase Part of a Surface

Outline the area you want to erase by clicking to add a point every time the path changes direction. To close the shape, click on the starting point handle again. The parts of this outline that intersect the original outline will be erased.

Outline the area you want to erase by tapping to add a point every time the path changes direction. To close the shape, tap on the starting point handle again. The parts of this outline that intersect the original outline will be erased.


When the area you outlined was not shot head-on, use this tool to set the perspective so the product you apply in the “Visualize” task will look correct.

Modify a Surface

When you didn't quite get the outline correct, these two tools let you add to the existing outline or erase from it (useful when you masked over an area that should not have product, like a window).

Throw away this surface. You can undo this action from the Drawing task.

 

Foreground Outline Starting Point

Click anywhere on the picture to define the starting point of the foreground outline.

Tap anywhere on the picture to define the starting point of the foreground outline. Don't worry about accuracy, you can adjust each point of the foreground later.


Foreground Outline

Outline the foreground by clicking to add a point every time the path must change direction. To close the shape, click the starting point handle again.

Don't worry if the outline is not precise, you can adjust each point of the outline after its been drawn.

Outline the foreground by tapping to add a point every time the path must change direction.

Don't worry if the outline is not precise, you can adjust each point of the outline after its been drawn.


Erase Part of the Foreground

Outline the area you want to erase using the same technique as drawing. To begin, click anywhere on the picture to define the starting point of the area you want to erase.

Outline the area you want to erase using the same technique as drawing. To begin, tap anywhere on the picture to define the starting point of the area you want to erase.


Erase Part of the Foreground

Outline the area you want to erase by clicking to add a point every time the path changes direction. To close the shape, click on the starting point handle again. The parts of this outline that intersect the original outline will be erased.

Outline the area you want to erase by touching and dragging to add a point every time the path changes direction. To close the shape, tap on the starting point handle again. The parts of this outline that intersect the original outline will be erased.


Set Perspective

Modify the shape of the perspective rectangle to match that of the surface. The “Visualize” task will apply your product with the perspective you set here.


Modify Foreground

When you didn't quite get the foreground outline correct, these two tools let you add to the existing outline or erase from it.

Throw away the foreground. You can undo this action from the Drawing task.

 

Group similar openings, surfaces or features together to effectively apply product in the “Visualize” task.

To begin grouping, select openings, surfaces or features that belong together by clicking on each one. To begin grouping, select openings, surfaces or features that belong together by tapping on each one.

Grouping openings, surfaces and features is entirely optional. You can proceed to the “Visualize” task without grouping anything.

You have selected the foreground; it cannot be grouped with anything else.

replaced at runtime with r.Help.groupStart

replaced at runtime with r.Help.groupStart

replaced at runtime with r.Help.groupStart

replaced at runtime with r.Help.groupable


These selections are currently grouped. You can ungroup them to separate them.


Your selections have been grouped together. You can ungroup them to separate them.


Zip Code: ()

Outlines:

Shadows:

Rotation:

Products
Search Results

section title

Ready to design?

Select an area on the image to the right. Apply products and color by choosing from the list that will appear below.

Areas light up when you hover over them. You can control the visibily of areas using the buttons below. Area outlines disappear when you apply product.

To see all available areas, use “Show outlines” button. Area outlines disappear when you apply product.


▲ Each time you make a selection, a list of options based on that selection will appear above. When you've reached the color selection pane, the product will be applied to the area you've selected in the picture.

◀ When product has been applied, you can click the area on the picture a second time to see the product details or to remove the product. ►

▲ Each time you make a selection, a list of options based on that selection will appear above. When you've reached the color selection pane, the product will be applied to the area you've selected in the picture.

◀ When product has been applied, you can tap the area on the picture a second time to see the product details or to remove the product. ►


 

Save Slideshow Image Save to my Account Print Request a Quote

You can also tap on more snapshots to compare them side-by-side.

You can also click on more snapshots to compare them side-by-side.

Select at least one snapshot to open it. Select more than one to compare them side-by-side.

Take more snapshots to compare them side-by-side.

✔

Opening selected snapshot…
STREETVIEW
Enter your address to find your home...

GALLERY

Browse our gallery of
room scenes and see what's
available for your home!

GET STARTED

UPLOAD

Upload a photo and visualize
what it would look like
with an all-new design!

UPLOAD PHOTO

PROJECTS

Welcome back!
See your saved designs
and share them with us!

OPEN PROJECT

VIEW GALLERY

Browse through our gallery of homes and discover what's available for your home...

SAVED PROJECTS

Continue designing with a project you've previously saved to your account.

OPEN A SAVED PROJECT

You must be signed in to your account to see your projects.

OPEN A SAVED PROJECT

You don't have any projects. Go back and upload a photo of your house to create a project or choose one of the many sample projects.

UPLOAD PHOTO

Upload a photo from your computer in order to begin...

Sorry. You require iOS 6 or better to upload a photo.

Choose a photo from your camera roll or take a picture.

Image uploaded, one moment…

DO IT FOR ME

Let us prepare your photo for you!  For a small fee, we will take your uploaded photo, process it, and send back a link so you can begin your visualization project!


  We accept JPG and PNG files.
Please fill in all highlighted fields.



See more information
{ "Site": { /* ** UI element text for the Vendor-Specific Application itself. */ "productNoNo": "You can't apply {productType} to {layerType}", "initFailed": "We are experiencing technical difficulties.", "successMessageTimeout": 2000, "companyName": "", "appName": "Visualizer", "getaPriceTitle": "Request a Quote" }, /* ** Local account text. {firstName} and {lastName} are available for substitution. */ "Account": { "welcome": "welcome, {firstName}", "minimumPasswordLength": 6, "successMessageTimeout": 2000 }, "Sharing": { /* ** FaceBook sharing */ "facebook": { /* ** FaceBook Open Graph tags with runtime replacements. */ "og:title": "My Home Reimagined", "og:type": "company", "og:image": "{root}{image}", "og:site_name": "Renoworks", "og:description": "Design your next project with this powerful tool.\r\nUpload a photo of your home or choose from sample homes.\r\nChoose styles and colors of product.\r\nReimagine your home™." }, /* ** Pinterest sharing */ "pinterest": { /* ** Pinterest pin button parameters with runtime replacements. */ "media": "{root}images/{image}", "description": "Design your next project with this powerful tool.\r\nUpload a photo of your home or try a sample home.\r\nChoose styles and colors of product.\r\nReimagine your home™." }, /* ** Client-side email sharing */ "email": { /* ** Email button parameters with runtime replacements. */ "subject": "I'm reimagining my home", "body": "See some ideas I'm considering for my renovation.\r\n\r\n{link}\r\n\r\n---\r\nDesign your next project with this powerful tool.\r\nUpload a photo of your home or try a sample home.\r\nChoose styles and colors of product.\r\nReimagine your home™." } }, "Hotspots": { /* ** Controls the language of the hotspot engine. One of "english" or "french". */ "language": "english" }, "ProductPanel": { /* ** Titles for the product panel levels. ** level0 is a default. The name normally comes from the layer itself. */ "level0": "Product", "level1": "Type", "level2": "Brand", "level3": "Style", "level4": "Color" }, "Document": { /* ** These are default titles that are rarely seen. */ "layerTitle": "Layer", "perspectiveTitle": "Perspective", "measureTitle": "Measure", "groupTitle": "Group", /* ** This is the default title for every project. The Customer can change it. */ "projectTitleExterior": "My New Exterior", "projectTitleInterior": "My New Interior", "projectTitleDefault": "My Project", /* ** These are default titles for legacy projects that do not have a .layerTitle ** property stored in the XML. This title appears at "level0" of the product ** panel. For all new projects, the .layerTitle property comes from the UI ** button text that is used to create the Layer. In a new project there might ** be two Surfaces, one whose .layerTitle = "Roofing" and another whose ** .layerTitle = "Wall", whereas in a legacy project both would just be ** .layerTitle = "Surface". */ "openingTitle": "Opening", "pathTitle": "Path", "surfaceTitle": "Surface", "foregroundTitle": "Foreground", /* ** When an opening is duplicated, this is the new name. ** Example: Window 44 from Top Left Window */ /* ** Testers found this one to be too wordy. Left here to show it can be done. "duplicate": "{0} from {1}", */ "duplicate": "{0}", /* ** For stock projects, the number threshold for eliminating points. */ "threshold": 3, "thresholdFg": 8, /* ** The titles used in a non-configured product panel card. */ "ProductTitles": { "brand": "Brand", "type": "Type", "look": "Look", "color": "Color" } }, "Zoom": { /* ** Hover tip text on the zoom panel. */ "pan": "Reposition the image", "zoomin": "Zoom in", "zoomout": "Zoom out", /* ** Custom zooming steps. Remove this to get the default. */ "steps": [100, 125, 150, 175, 200, 250, 300, 400] }, /* ** Help system panel text replacements. */ "Help": { "groupNoNo": "You cannot group multiple selections that consist of both <em>{0}</em> and <em>{1}</em>. Deselect the <em>{0}</em> to be able to group.", "groupStart": "You have selected a <em>{0}</em>. Select another <em>{0}</em> to group them together.", "groupable": "These selections can be grouped together, or you can select another <em>{0}</em>." }, "Canvas": { /* ** Perspective Adjustment layer text */ "perspectiveText": "THIS END UP" }, "Renderer": { /* ** When true, uses queued rendering. When false, uses atomic rendering. ** When missing, implies atomic. */ "queued": true, /* ** The number of milliseconds between polling for a render completion. */ "poll": 500, /* ** The number of milliseconds before we give up on waiting for a render to ** complete. */ "timeout": 14000 }, "SmartFilter": { /* ** The label that appears when product has been filtered down to less than ** the threshold amount of data. */ "productsCount": "Choose a Product: <span>({count} match)</span>", /* ** The label that appears when the product exceeds the threshold amount of ** data. */ "productsMany": "Choose a Product: <span>(many matches)</span>", /* ** The label of a filter section when no filters in that section have been ** selected. Basically no selections are the equivalent of all of them being ** selected. */ "filtersNone": "{name} Filter: <span>(none selected)</span>", /* ** The label of a filter section when 1 or more filters in that section have ** been selected. */ "filtersCount": "{name} Filter: <span>({count} selected)</span>", /* ** TO BE DOCUMENTED */ "optionsNone": "Filters: <span>(none selected)</span>", /* ** TO BE DOCUMENTED */ "optionsCount": "Filters: <span>({count} selected)</span>", /* ** TO BE DOCUMENTED */ "optionsFilterBy": "Filter by {name}", /* ** The label of the section that shows the possibly types for a Surface layer ** when there is more than one possibility for that layer. */ "surfaceTypes": "Surface Types:", /* ** The label that appears under a swatch. The following replacement values ** are supported (the CSS file controls the amount of space below the swatch ** for the label): ** ** {longProductName}, {productName}, {productType}, {manufacturer}, {colorName} */ "productLabel": "{productName}, {colorName}", /* ** The label that appears as the tooltip. Replacement values are as above. */ "productTooltip": "{manufacturer}" }, "History": { "Undo": { /* ** Nothingness */ "nothing": "Nothing to undo", /* ** Layer removal */ "layerRemoval": "Undo removal of {layerName}", "layerRemovalAll": "Undo remove all masks", /* ** Layer addition */ "layerAddition": "Undo {layerName} duplicate", "layerAdditionAll": "Undo add layers", /* ** Drawing and erasing additional contours on a layer */ "contourDefiningFirst": "Undo add {layerName}", "contourDefiningDraw": "Undo drawing on {layerName}", "contourDefiningErase": "Undo erasing on {layerName}", /* ** Catch-all in case we add more modes besides draw and erase */ "contourDefining": "Undo drawing on {layerName}", /* ** Moving a contour on a layer */ "contourMoved": "Undo move {layerName}", /* ** Changing the shape of a contour by moving a point */ "contourChanging": "Undo point movement on {layerName}" }, "Redo": { /* ** Nothingness */ "nothing": "Nothing to redo", /* ** Layer removal */ "layerRemoval": "Redo removal of {layerName}", "layerRemovalAll": "Redo remove all masks", /* ** Layer addition */ "layerAddition": "Redo {layerName} duplicate", "layerAdditionAll": "Redo add layers", /* ** Drawing and erasing additional contours on a layer */ "contourDefiningFirst": "Redo add {layerName}", "contourDefiningDraw": "Redo drawing on {layerName}", "contourDefiningErase": "Redo erasing on {layerName}", /* ** Catch-all in case we add more modes besides draw and erase */ "contourDefining": "Redo drawing on {layerName}", /* ** Moving a contour on a layer */ "contourMoved": "Redo move {layerName}", /* ** Changing the shape of a contour by moving a point */ "contourChanging": "Redo point movement on {layerName}" }, "Canvas": { /* ** Perspective Adjustment layer text */ "perspectiveText": "THIS END UP" } } }