A High Fidelity Wireframe
My workflow, when designing websites, usually first begins with a sketch, or super lo-fidelity render in Illustrator. However, since the hierachy of information as well as color palette and general direction was already laid out in InDesign, the mockup needed to be "web-ready." From the red trianlges on the navigation bars to the palette of red and subtle shadowing between the navigation bar and the headers JQUERY slider image, details mattered.
No doubt about it, InDesign could be a truly powerful mockup program, however, PSD to HTML5 is much more standard, plus, time was a factor. So I took a jpeg snapshot of the initial concept and began to rebuild right into Photoshop utilizing the 960 grid.