wireframes.

I've used a number of different tools to produce wireframes - Basalmiq, Visio, Photoshop, even PowerPoint. Mostly I use Basalmiq because it gets the job done quickly and has a short learning curve. 

 
 
Colonial Pipeline Wireframes v.1.1png

sharepoint 2013 on premise design 1 

This client had a 2010 production site, and wanted to retain a fair amount of the content and functionality, but was looking for a refreshed look for the new 2013 site. We started with a few wireframes that showcase some of the newer, more modern web parts and a custom solution that was developed by the firm where I was working at the time.

 
Colonial Pipeline Wireframes v1.png

SHAREPOINT 2013 ON PREMISE DESIGN 2

This was option 2. The final version was a little different, and then was revised during site development as well. Nothing is written in stone, as they say! Well, almost nothing in SharePoint.