web design

Web Page Mockups Redefined

Written by Richard Ward

MockupHave you ever worked with a web site designer and attempted to explain, in words, a specific visual concept that you had in mind with your existing website? It can become difficult to get a clear visual concept across using only words and examples of other pages. Enter Markup.io, a virtual whiteboard tool that allows you to draw on any web page, save your completed drawing and share your thoughts with your designer or colleagues.

Markup.io is a tool that works in your browser. Just drag the Markup.io icon to your toolbar and you’re ready to draw on any web page with no plug-ins or applications to install. Markup.io’s editing tools layer themselves over the site you are visiting and allow you to draw shapes, add text, borders and lines.

Once you’re finished with your drawing, simply click the Publish button and share the unique URL with your team members, colleagues, friends or anyone else you wish to share your thoughts with. When visitors view your drawing they will have the option to view your notes and choose to respond by either adding notes to your existing drawing or creating a new drawing. The easy and user friendly part of the process is the individuals who you share the link with don’t need to have the bookmark to get started — Markup.io will provide a summary and load the editing tools once the visitor chooses to either overlay their drawing onto your existing drawing or start fresh.

Markup.io will certainly make it easier to share visual ideas between two individuals or among teams. Have you ever used this or a similar virtual whiteboard service? Did you find it helpful in the design and concept process?

About the author

Richard Ward

Richard Ward is a Sr. Web Applications Developer for OurChurch.Com. Richard's professional background is in LAMP style web development. Richard is also a technology enthusiast with a strong interest in emerging technologies. You can reach him at richard@ourchurch.com or on Twitter at @OCCRichard.

1 Comment

Leave a Comment

What is 10 + 6 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)