As many of you know, I work at AdMax Media here in sunny Santa Barbara.
We use Jira to track tickets, new projects, new feature requests, and to provide feedback on our projects. Initially I was hesitant in using Jira because I thought it was far too complex. But once you commit and spend the time to customize your dashboard in Jira, it is actually a huge help on productivity and gives a great overview of projects to see where they stand.
However, we were using comments in a Jira ticket to provide feedback on designs and development.
The work flow was as follows:
- Design team submits a site/landing page for review to the project owner.
- The project owner clicks a link to our internal test server to view the site.
- The project owner then types a comment on the ticket for their adjustments and assigns the ticket to the next person to provide feedback.
- They add their comment to the ticket.
- Once all feedback is received, it is assigned back to the design team.
Now, that works, but is extremely inefficient and if you have ever done development or design, you know that is not a great way to receive feedback.
Now cue the entrance of DoDraw.com.

I built DoDraw.com quickly to allow everyone in the company to provide feedback on a single project by literally adding notes to the actual design and drawing on the design. Multiple people can provide feedback on a single design, and it all exists literally right on-top of the website.
Checkout this example I created. This is simulating two people providing feedback on the website CollegeMatchingService.com.
http://dodraw.com/KQtbpUmrkcmvtcV
One of the most innovative aspects of this is that it utilizes HTML5′s canvas feature with an iFrame. Yes, you read that right, an iFrame. That means the site you’re seeing is actually the real site in an iframe, not a website turned into an image.
Why would you want to do this? Well for one, taking a “screenshot” of a website isn’t exactly easy. I tried, and I found multiple ways to do it and they both rendered sites differently. Using Safari’s webkit was by far the best out of the bunch. I also utilized xbrow.se as well. As of this article, their API isn’t public, but if you’re interested in it, let me know.
Back to the iFrame. An iFrame allows you to edit a website that is located on an intranet. Many companies have an intranet that is only accessible from inside the building or through a VPN. Using an iFrame allows any company to use the service DoDraw.com as long as they use it from inside their company building or when they are connected via their VPN.
This is the case with AdMax Media. We cannot view sites on our test servers outside of the building. And using a 3rd party service to generate screenshot images is not an option because they cannot generate images of our test server websites.
Thus the magical iFrame!
I could write all day on the technological feats of DoDraw.com, but I will cut it short. Keep an eye out for a mobile version here shortly, I am just working out a couple kinks and it will be made available. We already have a killer domain for it
Stay tuned!