Nathan Rutman » UI

Real-Time Data & Charts Web Demonstration

Nate — Thu, 15 Oct 2009 18:26:49 +0000

While employed, I created a demonstration of live data and charting through a standard web browser. The page took the form of a financial investment website, and showed dynamic charting and graphing, sparklines, live data updates from the back-end (approx. every 5 seconds), RSS importing, and on-the-fly chart color customizations.

The demonstration was written in standards-compliant HTML, CSS, JavaScript (with JQuery), and PHP. It is 100% accessible in all major desktop browsers, and supports modern mobile web browsers including the iPhone and Droid.

Service Center Web Application UI

Nate — Tue, 05 May 2009 13:10:53 +0000

A web application with an emphasis on real-time data needs to be fast and flexible. While working for my employer, this client’s service department needed access to real-time data from the web. By using standards-compliant HTML, CSS, JavaScript and the JQuery toolset, we able to deliver a front-end that remembers screen states, makes fast AJAX calls and updates (utilizing JSON), delivers near instant searches, and is object-oriented, which makes for faster revisions & additions to the codebase.

My responsibilities on the project included all UI design (HTML, CSS) and JavaScript development (JQuery).

Icons for Application that Uploads Documents

Nate — Tue, 31 Mar 2009 12:50:52 +0000

I designed these icons for a desktop application that allows users at multiple locations to upload and synchronize large architectural documents. The application allowed multiple users the ability to submit and see the status on different uploads, so the design needed to also have a “social” aspect while remaining relevant to the construction market.