cj (at) seej.net      Plan | Design | Build

	Portfolio  Plan  Site plan  Schematic  Design  Interface  Flash  Website  Identity  Print  Build  Website  Interface
	Resume

Plan - Schematics Effective site planning saves time, energy, and money on any project Through the use of HTML-based schematics, the information structures I create are adaptable, allowing clients the ability to click through the website before the design is applied. This allows clients to identify any trouble areas early on, which not only saves time and money, but also allows for effective site flow and user testing.

	Examples Morgan Stanley 360 P.E. Federal Farm Credit McKinsey Learning Portal Mouse

Morgan Stanley 360 P.E. The flexible, growable, phaseable wireframe structure and information design on this internal performance evaluation site had many unique challenges. The user base, being global, demanded clear information design. The site also needed to be quickly updatable, as the PE processes only last a few weeks. To communicate this, the site was structured around the boat chart, tying navigating to the current phase directly.

View site

Federal Farm Credit The Farm Credit System handles all of the trading for the farming sectors bonds. The information design and wireframe process for this project involved first educating myself on the intricacies of this system, and then detailing the different historical traits to the information. Then, through the html schematic process, I worked on detailing out every piece of information and its flow through the system. This then in combination with the site plan, gave us the detailed blueprint for the site.

	View site
McKinsey Learning Portal Because of the complexity of this educational site, as well as the disparity of data sources we were dealing with, I realized that an effective architecture would have to be exteremly tight to the details. The resultant interactive language and wireframe served as the sounding board for gleaning buy in, as well as educated the client on their own internal structures.

View site

Mouse This not-for profit group focuses on advocating for students in K-12 schools, in the way of technology upgrades and resources. The wireframe and schematic for this site needed to address the diverse user base: from young children, to corporate executives. To address this, I organized the site in a way that brought the results of Mouse's work to the foreground, while providing the details behind each program.

	View site
Area 5 The main area text will appear in this space. The text, when it goes long, will flow into place like this. That will allow the text to fill or be appropriately displayed.