Information Architecture - Think it First

Information Architecture

Information architecture is about helping people understand their surroundings and find what they’re looking for.

IA is part of our design process

We believe strongly in usability. At its core, the structure for a website, mobile application, or technology product must allow us to understand where we are as users, and where the information we want is in relation to our position. Websites that consider organization, structure, and logic consistently outperform the competition and provide tangible benefits to users.

Without IA, there is no design. We covet information architecture as the endoskeleton to our design process. This skillset allows us to create easy to use websites and apps, make online information easy to find, solve usability problems, and make your users happy.

Sitemaps & User Flows

Often our first step to a website redesign, we create an existing site map showing your current website architecture. Using this sitemap as a guide, we then develop a revised site map which will outline our proposed new page structure, hierarchy, content relationship, and identify required page template types.

View an Example Sitemap

What is a TIF Blueprint?

A TIF Blueprint is an interactive prototype (or wireframe). It’s a “blue” and white version of your website that is designed to prove the functionality and features as they will work in the browser. TIF Prototypes are not your average wireframe. They are very polished, however, design elements such as color and imagery are not applied at this stage. A pivotal point in the project, the prototype is built to allow all parties to make final decisions on the functionality as well as add critical input to the important design and style of the website.

Example of a TIF Blueprint


Prototypes are the results of the design phase. They help visualize more complex interactions and content organization often seen in the design of websites and mobile apps. At this stage, clients can interact with the designs to uncover any pitfalls in usability, or to test how pages are stitched together for further iteration.

We use Invision for the creation of Wireframes and to stitch together full Prototypes, it’s the best in the business.