eleqtriq

Sqetch Wireframe Toolkit

Sqetch is a little Illustrator-toolkit I built over time, consisting of several templates and elements:

It evolved one by one as an answer to several problems I encountered related to wireframing:

Like many designers I frequently experienced that clients did not understand my wireframes. More than once they were not able to distinguish between a layout and a wireframe. Suddenly I found myself debating about colors and font-sizes, when it would have been appropriate to talk about processes and information-architecture instead.

Presenting wireframes can be arduous. Sometimes you must go through countless screens with slight variations of one single situation. This requires a lot of discipline by the designer as well as the client.

Even experienced clients often react disappointed or bored to wireframes. Clients want us designers to "wow" them. Wireframes do a bad job at wowing anybody. Using Omnigraffle or keynote doesn't help either. Some clients do not understand the labour that is involved and think we are overpaid. I remember a client who actually told me he would prefer to do the wireframing himself, as he saw no reason to "pay a designer for pushing some boxes around in word".

As a consequence I began to create high-quality versions of my hand-drawn wireframes and use them in client-presentations. The hand-crafted, artistic component helped circumvent many of the problems described above. Unfortunately it came for a price: labour-intensiveness. Drawing a lot of variants of one screen is much more time-consuming than making changes in a digital document.

Therefore I began transferring my drawings to illustrator. And after some time a little wireframe-toolkit had evolved, which you can download here. For maximum flexibility everything was created with vectors, no bitmap in sight. Every element can be scaled without loss of quality, every single stroke can be edited separately, to adapt the look of a sketch as ever you like. Colors are in CMYK for easy printing. And if you are a CS5 user you will be pleased to find out that all symbols are attached to a 9-slice scaling grid.

The font in use is Nymph's Handwriting, a beautiful font from talented Lauren Thompson, which you can download from her blog. And as you are already there you should take a look at her other fonts, it's worth it.

Download of sqetch is free and you are allowed to use the toolkit in commercial projects. Anyway, should you use it on a website or in a printed publication I expect you to give me credit and link to www.eleqtriq.com (respectively mention the internet-address in printed publications). If this shouldn't be possible for some reason, contact me and we work something out. Happy wireframing!

Update! Thanks to Jakub and Smashingmag for linking. Anyway, as traffic increased over the last few hours I decided to test a mirror server. If you experience problems, please send me a note in the comments.

Download Toolkit
Trackback

80 Responses to “Sqetch, an Illustrator Wireframe Toolkit”

  1. Pingback by Sqetch: Wireframing-Toolkit für Illustrator « Kreativrauschen Wed Sep 15th, 2010, 09:01

    […] Sqetch ist ein Haufen Vorlagen für Illustrator, mit dem man leichter Wireframes/Mock-Ups basteln kann. Klingt praktisch. Ist kostenlos. […]

  2. Pingback by Linkdump vom Di, 14. September 2010 bis Mi, 15. September 2010 Links synapsenschnappsen Wed Sep 15th, 2010, 09:09

    […] An Illustrator Wireframing Toolkit | eleqtriq – (Tags: Wireframe dev Webdesign ) […]

  3. Comment by Hari Wed Sep 15th, 2010, 16:51

    Looks very nice. I would love to try out. I tried to download the zip but cannot open it. Do you have an alternate download?
    thanks for sharing.

  4. Pingback by Sqetch – A Stylish Illustrator Wireframe Toolkit | Programming Blog Wed Sep 15th, 2010, 20:32

    […] web resources 15 Sep 2010  Powered by Max Banner Ads Sqetch is an Illustrator Wireframe Toolkit, consisting of several templates and elements: Browsers, iPad, […]

  5. Pingback by Sqetch, o Illustrator | Criaturas /blog Thu Sep 16th, 2010, 02:38

    […] impressas, seja dado o devido crédito ao seu autor e, com um link para http://www.eleqtriq.com.Leiam aqui tudo sobre esta aplicação e se vos interessar podem fazer o download nessa mesma página.Temas:online apps Share:« […]

  6. Comment by Zet Thu Sep 16th, 2010, 21:39

    Love it! Thank you for making this available to all of us out there having the same exact issue!

  7. Comment by Neil Mon Sep 20th, 2010, 19:50

    Looks interesting and I would like to play with it, but I’m having the same issues. The file downloads but will not unarchive.

  8. Comment by Dirk Tue Sep 21st, 2010, 00:59

    I will send you an invite to a shared dropbox-folder

  9. Comment by poorpaddy Tue Sep 21st, 2010, 05:47

    Love it! Would like to see some other versions like for Fireworks, Photoshop etc.

  10. Comment by Robalot Wed Sep 22nd, 2010, 16:52

    The WinRar file is giving me the following error: ! C:\Documents and Settings\rmjordan\Desktop\sqetch.zip: Unexpected end of archive

  11. Comment by Tony Thu Sep 30th, 2010, 12:56

    Absolutely stunning mate, thanks for sharing.

  12. Comment by Lauren Thu Sep 30th, 2010, 20:39

    Thanks so much for the kind words and linking me… I am honored that you used my humble font for this. <3

  13. Comment by Dirk Thu Sep 30th, 2010, 22:03

    Hi Lauren, your welcome! Thanks for sharing your beautiful fonts :)

  14. Comment by eric Tue Oct 5th, 2010, 22:11

    Love the design but the zip file appears to be empty when downloaded. Is there another file? thanks!

  15. Comment by Dirk Tue Oct 5th, 2010, 23:51

    Hi Eric, I will send you an invite to a dropbox shared-folder.

  16. Comment by eric Wed Oct 6th, 2010, 00:56

    got it, Dirk. thank you. great tool (and layout)!

  17. Comment by tzs007 Mon Oct 18th, 2010, 23:46

    flawless!

  18. Comment by Theo Mon Nov 1st, 2010, 19:57

    Really awesome thanks a lot !

  19. Pingback by Ultimate Guide to Website Wireframing | Designer Brisbane blog Wed Nov 3rd, 2010, 06:11

    […] Sqetch […]

  20. Comment by Germo Wed Nov 3rd, 2010, 10:15

    Really inspiring one! Thanks!