Objective:
Video Data Bank, located at the School of the Art Institute Chicago, is one of the top resources for video art in the US. They were looking for a new look and feel that would engage users and increase the amount of rentals and sales they process regularly.
Solution:
We developed a site with a clean, contemporary feel, and a structure that allows the videos to take center stage. The VDB staff are now empowered to administer their website and keep the content fresh.
My Role:
Working with FuseIQ, I designed the basic site structure through several iterations of wireframe diagrams. I also designed the layout of all main template pages, and the basic look & feel.
Objective:
Seattle Repertory Theatre wanted a fun way to familiarize people with its new artistic director, Jerry Manning, and to build enthusiasm for the upcoming theatre season with their “Go Jerry” campaign.
Solution:
We created an interactive, illustrated environment for Jerry to move about in, using an understated style in keeping with his personality. The flow of the piece is leisurely, allowing the visitor to explore at their own pace.
My Role:
With less from a month from start to finish, I generated storyboard concepts, designed basic layout, and developed the interactivity within Flash using Actionscript 3. Illustration and character animation was done by Andry Laurence of the Seattle Rep.
Objective:
Burst for Prosperity, an initiative of Children’s Home Society, wanted to draw attention to its role in helping to reduce poverty in Washington State. Burst wanted to emphasize its methodology of testing and analyzing anti-poverty programs that are already running in various communities.
Solution:
Through the use of testimonials, narrative, and editorial photography, we created an emotional connection between site visitors and real people who are affected by programs that Burst is involved with. These stories are supplemented by proven methodology throughout the site.
My Role:
Working with members of Children’s Home Society and Burst, I provided a design strategy that would allow them to strengthen the voice of their brand. I helped define what story elements would weave throughout the website, and provided a layout to give structure for further growth in the design. I also developed a system of ladder icons to help codify Burst’s methodology.
Objective:
New Buildings Institute, a nonprofit organization, needed a way to organize a wealth of resources about building code and energy performance studies for its members. It wanted to convey its high level policy expertise, passion, and drive to help the industry achieve better energy performance in buildings.
Solution:
By helping the client to understand and solidify its information taxonomy, we were able to provide them an efficient way to organize their own quickly growing content using Drupal for content management. Drawing from a vast library of inspirational building images, we could draw attention to the most important issues within each section.
My Role:
Developed information architecture and content outline, designed the look & feel of the new website, further expanding the organization’s modest brand presence through written voice, information layout, color treatment, and photo selection. Site development and management was done by FuseIQ.
Objective:
Seattle BioMed is leading the world in understanding how infectious diseases work. My goal was to capture the passion of this scientific organization through a strong visual brand that makes their subject matter come alive.
Solution:
The strategy was to create an emotional connection by featuring numerous people who stand to benefit from vaccine research around the world. High research standards are conveyed through the microscopic beauty of the subjects that are studied.
My Role:
Designed layout, composed imagery, and integrated video with Flash to create a compelling home page with 5 possible random images of people. Site development and management was done by FuseIQ.
Objective:
The client had outgrown their previous website and was in need of a new platform to accommodate a wealth of Parkinson’s-related content. The goal was to streamline and unify PAN’s online presence, and draw attention to the people who make the organization strong.
Solution:
I created this design to provide a sense of openness and limitless possibility. In order to create a more emotional connection, we chose to spotlight the advocates who work for PAN. A system of rotating imagery allowed the organization to keep the site fresh with their own updates.
My Role:
Worked with FuseIQ (using Drupal) to provide key page designs from a set of existing wireframes. Determined direction for photography and oversaw image production.
To help a nonprofit organization provide a series of energy improvement resources in a structured, intuitive way.
Solution:
Developed a grid system and modular series of symbols to help organize content and educate members about the steps they can take to reduce their energy consumption.
My Role:
Designed grid, layout, symbol system and other visual elements for the website. Designed and built an interactive, animated chart to educate members on the benefits and structure of the system.
Objective:
Our main goal was to clean up a sprawling website that had gotten out of hand for our client, a twelve-public library system in Eastern Washington. Our parallel goal was to find ways to reach out to people in the various small communities that make up this spread-out region.
Solution:
While the new content management system, Drupal, was set up by FuseIQ, I inventoried the existing site and devised a new information hierarchy based on user type. By prioritizing these user goals, and eliminating extraneous content, we were able to radically simplify the pages. Each library branch was given control over its own page content, to act as a community portal.
My Role:
I performed a content audit, devised the new sitemap, content strategy, annotated wireframes, and user experience flows.
Objective:
To build a sense of legitimacy and mission for a small non-profit philanthropic group.
Solution:
Used images of kids to tell the story of the organization. Created subtle typographical animations that lead the visitor through various statistics about various children’s health crises.
My Role:
Designed layout and organization of site. Created production graphics and Flash animations.
Objective:
To organize and present information across a wide range of disciplines for easy access among the organizations’s members. To create a view of green building that is inclusive of developers.
Solution:
Divided the site into four main task-based groups, accessed via the main nav. Used diverse imagery to aid in wayfinding within the site.
My Role:
Worked with the client to devise information architecture strategy. Designed layout and organization of site. Produced all site graphics.
Objective:
To provide important resources for people living with AIDS, caregivers, and those who care about stopping the epidemic. In addition, the client wanted to creating a stronger sense of community involvement, as interest in the cause has decreased over the years.
Solution:
We created a site with a customized content management system that many staff members could update easily. The home page features a versatile image area that reinforces key goals of the organization. This image area is updated frequently by staff members.
My Role:
Designed all layouts for main page types. Selected photography and helped to shape information architecture.
Objective:
To make it easier for 3 kinds of audiences to access the information they need. To unify and clarify the look and feel of the LIOS institution.
Solution:
We overhauled the main LIOS imagery by illustrating the Seattle skyline to make it more iconic. We conducted a survey of the needs of all major visitor groups, and structured the site with our findings.
My Role:
Conducted information architecture procedures, created visual elements, designed layout and completed graphic production.
Objective:
To rebrand and reorganize the website for Community Voice Mail, an organization that provides voice mail to homeless and phoneless people, allowing them to secure jobs, homes, and health care. To spur donations by conveying the common-sense success of CVM.
Solution:
Designed a modular layout that could be easily updated by the client. Provided a way for viewers to easily immerse themselves in the stories of people who have directly benefitted from CVM’s services.
My Role:
Assisted with information architecture and project management. Designed template system and produced graphics.
Objective:
To simplify, restructure, and rebrand the organization’s website. To make it easy for the client to make further updates with dynamic tools.
Solution:
Taking our cues from the national ACLU website, we incorporated modular elements, bold colors, and clear calls to action. The site is administered with a content manangement system that allows for flexibility.
My Role:
Determined information structure of the site, though sitemapping exercises and wireframes. Designed the look and feel of the site, and produced all graphic parts.
Objective:
To showcase a body of photographs taken by photojournalist Betty Udesen during her humanitarian trip to Colombia. To chronicle the lives of people displaced by Colombia’s internal war.
Solution:
Created a simple framework with basic navigation to access the photographs. Provided an area for Udesen to add her own links and current events.
My Role:
Designed and executed the site from start to finish. Worked with the photographer to edit content. Maintained site as necessary.
