Adobe Illustrator screenshot of high level wireframes

Before writing any code in a text editor, it is important to give your clients a visual representation of what their website is going to look like. My program of choice for this task is Adobe Illustrator. The ability to display multiple artboards allows one the opportunity to show what different pages will look like or even to show the subtle differences between mobile or desktop views.

For this project, I was designing the Home, Events & News and Menu pages for a food truck. Illustrator made aligning text and images quick and easy. I like to keep my Illustrator documents organized by labelling layers and sublayers. I give the layers intuitive names, which make it easy to find something when I need to make an adjustment.