Interactive Design and Development

Once the client has signed off on the site map, Premiere begins the process of building a wireframe. A wireframe is helpful in identifying what technology will be used, how we apportion or divide real estate upon the web page, and where to place messaging on a page and consistently across all pages. The wireframe does not show creative, colors, typefaces, or any other imagery/graphics, but it does depict where content could potentially appear. Premiere tries to give a skeleton of content placement covering areas such as masthead, core messaging, content, footer, call-to-actions, side bars, 1st and 2nd level navigations, utility links, information above and below the fold, and more. The wireframe like its sister the site map, helps refine the user experience, assists client’s in thinking more intuitively for their end user, and streamlines the creative process forthcoming.

One challenge we run into is the ability to think like an end user. As someone who is unfamiliar with your brand, product or service, a website is geared towards giving viewer’s flexibility to probe, but structure that will gently guide web users to an action. For this reason, Information architecture, site map construction, and the wire frame, in conjunction attempts to anticipate user’s needs and expectations while progressing the creative process to a logical solution.