Who says IA documents can't be pretty?
over 1 year ago
Illustrator? Lines are sweet.
A site map in Illustrator?! That's craziness.
ok, not really. Way to go making a site map look interesting.
Very nice! You should see if there's a way to package that!
how did you whoop this together? nice work tho!!
Fully agree with @Michael Sevilla - would be a great starter kit for designers needing to build IA's
Very nice! And yeah, this would greatly come in handy!
Thanks everyone! I started doing my sitemaps in Illustrator years ago, and has continued to evolve into this. It's not a quick process to make them like this, but I find the extra time allows me to really mull over the IA decisions and the client is always impressed when they see it! I never thought to make it available as a resource, I'll have to do that.
This is beautiful!
This is awesome. I'd buy it.
Would love to see a bigger shot of this amazing flow
Looks like the beginning of a useful/usable/desirable sitemap builder web app, if you ask me.
by Matt Haltom
I really liked what Tim did with his sitemap, but I don't like to use Illustrator for sitemaps. I decided to make an OmniGraffle stencil to share.
It has magnetic points to allow you to attach lines so when you move pages they lines follow. I also added numbers over pages which is nice for adding annotations about a specific step or page. Hope you like it!
Post any feedback and I can make updates :).
over 1 year ago
I love using AI for site mapping and also wire-framing - so nice and clean. Love what you've done. Looks like a really useful process.
Looks great... what's the difference between the full page icons and half torn page icons?
12 months ago
@Justin Roberts The half-torn pages represent modals or some sort of interim functionality that doesn't deserve a full page. For example: it was used here to both indicate steps to completing a full profile and a connect with facebook modal.
11 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter