WWW… Wednesday! Greyhound Flowcharts

Often, the least fun part of the website or app design process is the beginning. In the early stages, most of our time is spent researching. We establish a clear view of our task, then look to what already exists as a point of reference. We try to highlight potential pitfalls and find ways to improve upon what we know already works. And then we ideate. Again and again. Slowly exhausting all potential options until we’ve landed on a functional structure that we’re happy with. It isn’t until all this has been done that the fun part can finally begin, and we can inject some personality.

Fortunately for us, we’ve reached a point in time where we no longer have to undergo the hours of trial and error ourselves. Rather than building wireframes from scratch, we can build on the successes of our predecessor’s thanks to products like Greyhound Flowcharts from Craftwork.

Designed for use in Sketch and Figma, the system makes for rapid prototyping of both sites and apps. It’s a system of over 200 cards and symbols that cover the full spectrum of web content and media, making it useful for developing ecommerce sites, blogs, or social applications. The cards are presentation-ready and users can quickly arrive at a high level of finish, perfect for the next proposal.

Researching user needs and wireframing can often be a lengthy and uninspired process, but it’s also the most critical. Having a collection of cards with common solutions and elements can make the process a lot less painful and help you get to the fun part faster. Greyhound Flowcharts can be found here for free.

Did you know? Sessions College offers an online course in UX/UI Design taught by leading UX expert Mike Hamm, focusing on how to create working prototypes using Figma or Sketch.