Download your bonus Free Goods before time runs out!
0 Days
0 Hrs
0 Min
0 Secs

Tiles for Wireframes & Flowcharts V3

Check out my bundle deals for web & mobile tiles

Dont forget to checkout my other web and mobile tiles.


Website layout tiles is a product or system for building quick visual flowcharts and sitemaps for client and project work.

My first versions were done back in 2005 believe it or not when I worked on a project for the BBC here in the UK. I needed to put together an initial functional outline for the project and we didn’t have time to build wireframes or prototypes so I put together a ‘sitemap on steroids’ as I called it at the time. This illustrated our initial proposal and used them as the focus and idea generator for much of the discussion for the project.

Over time I have developed the visual look and feel for the tiles and find myself using them in just about every project I do. From my own perspective they have been valuable when dealing with ‘green’ clients who are not necessarily comfortable talking about site structure or page types, so the sooner I can get a familiar layout pattern in front of them the sooner they start to feel comfortable and the project starts to move forward.

Hope you enjoy using them as I do.


In the package is a Omnigraffle stencil of web layout tiles for flowcharts and sitemaps. Each tile represents a unique page type that can be used in any of your UX deliverables. Each tile is made from vector shapes so can be changed to your own format within the parameters of Omnigraffle.

Tiles come packaged as stencil's for Omnigraffle 6

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.
Prev
Next

Showing {{ pagination.fromCount }} - {{ pagination.toCount }} of {{ pagination.totalCount }}

How do I contact support?

If you need help with the product, please contact the shop owner by visiting their shop profile and sending them a message. For anything else (licensing, billing, etc), please visit our Help Center.

How can I unzip product files?

PC: To extract a single file or folder, double-click the compressed folder to open it. Then, drag the file or folder from the compressed folder to a new location. To extract the entire contents of the compressed folder, right-click the folder, click Extract All, and then follow the instructions.

Mac: Double click the .zip file, then search for the product folder or product file.

If you continue to have trouble, check out this help file for more tips.