Before starting work on the eZ Webin template code, we need to create a wireframe in order to decide on the layout structure. We will use this structure to override the standard layout files.
A wireframe is a basic visual guide that is used in web design to suggest the structure of a website and the relationships between its pages.
There are a lot of commercial and free wireframe editors. To create our site's wireframes, we will use the Firefox plugin called Pencil (http://www.evolus.vn/Pencil/).
We have chosen Pencil because it is open source and works on every platform that runs the Firefox browser.
If you need something more complete, you should take a look at Balsamiq (http://www.evolus.vn/Pencil/ ...