Skip to content

The Mockup Tool

Mockups are a tool that lets both you and WE•DO collect visual feedback on designs, websites, photography, wireframes and so much more. Mockups allow you to leave a comment directly on top of a visual design, which means you can clearly indicate exactly what you are referring to, cutting out obscure indications and long, unreadable email chains. With WE•DO Mockups, everyone has the benefit of staying clear, concise, and organized to move forward on projects.
 
So how do you use this awesome tool?

STEP 1
OPEN THE MOCKUP

We’ll send you a link to your personalized and project-specific Mockup. Simply open it to begin viewing.

STEP 2
LEAVE US A NOTE

Adding a comment to visual designs is easy. Simply click on the image where you want your comment to appear. Enter your comment and click Add Comment to submit. Anyone who has commented on the project image or within the comment thread will receive a new email with a link to the new comment that has been made.
 
If you wish to edit your comment, hover again over the text and a small pencil icon will appear. Click the pencil icon and you will be able to edit your comment and then click Save. Deleting a comment is just as easy. Hover over the text and a small trash can icon will appear on the right, click the icon to delete.

Screen Shot 2017-08-15 at 11.38.06 AM
Screen Shot 2017-08-15 at 1.36.38 PM

STEP 3
SET UP AS A USER

In order to view images, leave comments, and be notified via email when comments have been made, you have to set yourself up as a user. You will only have to do this the first time you leave a comment on the mockup. The set up box should automatically appear when you try to submit a comment. Simply provide your name and email and you're on your way!

STEP 4
NAVIGATION

You can skip through your project images by clicking Previous and Next in the top control bar.
 
In addition, you can also click the grid icon in the top bar and the image tray will dropdown. The image tray allows you to view and scroll through the project images as thumbnails. Hovering over the images in the tray will show how many comments have been made, when the image was added, and whether or not it's been approved. To hide the tray simply click X or hover off the image tray area.

file-lNaKyZs4eQ
file-0AVtOyCRAq
file-lNaKyZs4eQ (1)
file-kXnVqyosQ8

STEP 5
APPROVED!

To approve a project image simply click Approve in the top left control bar for that image. To unapprove that image, simply click Unapprove.
 
You’re all set! Leave anything from a question to a suggestion to a “That looks amazing!”. WE•DO will be able to gather and manage your notes, allowing you to stay organized and save time and allowing us to continue moving forward with your project!

TADA!

You’re all set! Leave anything from a question, to a suggestion, to a “Wow, that looks amazing!” We'll gather and manage your notes, allowing you to stay organized and save time, which allows us to continue moving forward with your project.