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

Tiles for Wireframes & Flowcharts V1

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 set 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.

Comes in .AI, .PSD and FW.PNG file types!


  • Full compatible with Adobe Fireworks.
  • Layers intact.
  • Vectors intact.
  • Fully editable.
  • No Watermarks


  • Full compatible with Adobe Illustrator.
  • Layers intact.
  • Vectors intact.
  • Fully editable .
  • No Watermarks


  • Full compatible with Adobe Photoshop.
  • Layers intact.
  • Limited vector support.
  • Fully editable.
  • No Watermarks

If you have any questions just ask.

Enjoy :)

{{ pagination.totalCount }} Comments

You must be signed in to post a comment.

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

How do I contact support?

If you need help with a product contact the shop owner here on the product page! Just click the Message icon by the seller's profile. For anything else visit our FAQ