previous arrow next arrow

Fuse IQ

I created the visual and interaction design for a design and development agency’s new website. The site interface involves a tagging system that allows users to find projects relevant to their needs.

  • Timeline: One week in October 2014 and two weeks in February 2015
  • Context: Freelance project
  • Art direction: Britt Barran-Stanley
Fuse IQ Homepage in Macbook Fuse IQ Story Page Mobile Fuse IQ Homepage Mobile Fuse IQ Homepage Mobile

Project Scope

I created the visual and interaction design of the new responsive website for Fuse IQ, a web design and development agency in Seattle. Their vision for their new site was an interactive system with which users could find past Fuse IQ projects or “stories” that related specifically to their needs. Fuse IQ had numerous tagging groups defined that could be used to organize their stories.

My challenge was to take the large amount of classification information they possessed in the backend of their site and create an intuitive interface that allowed clients to find stories relevant to them. Simultaneously the website needed to promote Fuse IQ’s strengths, project their presence as design and development thought-leaders, and attract potential new clients.

Fuse IQ mobile pages

My Solution

My responsive homepage design introduces Fuse IQ using four position statements that were previously on their “About” page. Projects or “stories” are organized as tiles within these categories, as well as with a tagging system that I simplified from Fuse IQ’s original plan. I used color strategically to signify categories and to strengthen Fuse IQ’s brand: I pulled the green from their existing logo (created in-house) and dispersed it throughout the site. The user flow invites potential clients to get in touch.

Fuse IQ Homepage Fuse IQ tile hover effects

This gif shows the effect of hovering your cursor over the story tiles

photography critique

I designed project or “story” pages using a responsive 12-column grid that could be applied to any project in Fuse IQ’s portfolio. The pages also include story tags and related projects.

photography critique


When I came into the project, Fuse IQ had already created a back-end system with numerous tag groups defined such as “needs,” “expertise,” “industries,” “solutions,” “type,” “expertise,” and several others that could be used to organize their “stories.” They wanted users—in particular potential clients—to be able to find stories relevant to their needs. I explored various methods of presenting and interacting with the stories and their tags.

process notebook page