Web

Our Collective Soul

I'm not among those who fear that normal social interactions are doomed because of the Internet. I believe technology has created opportunities for connection, productivity, and understanding far beyond those offered by any other medium.

These oppotunities, of course, include the freedom to choose poorly, even inhumanely. But that is a problem we have with freedom, not technology.

When I develop or maintain a website, my goal is to build a place where people feel comfortable and safe. I think of a website as a little house. When someone stops by, I want them to see an open door and an enticing, yet comprehensible, space.

To make a website a home, set up a logical information architecture, create an accessible and aesthetic design, and write code that's easy on bandwidth and easy to share.

Interface Redesign:
Ann Arbor Ice Cube

Student Work

This report analyzes the interface of the Ann Arbor Ice Cube website, based on interface design principles. Recommendations for improvements and wireframes of a revised interface are included.

View PDF of Interface Redesign Report

Task Analysis and Storyboards:
American Red Cross

Student Work

This report includes comprehensive task analyses for processes offered on the American Red Cross website, revised versions of those processes, and wireframe storyboards delineating the recommended changes. In my revisions, I relied heavily on AJAX calls to avoid page reloads and achieve a smoother flow. A style guide codifying these and other recommendations accompanies this report.

View PDF of Task Analysis and Storyboard Report

Revised Northern Alaska Tours home page using industry standards.
Northern Alaska Tours Website Homepage
Student WorkThis revision for the Northern Alaska Tour Company implemented industry-specific design standards.
Revised Ronald McDonald House home page using 'flat and long' layout.
Ronald McDonald House Website Homepage
Student Work This revision of the Ann Arbor Ronald McDonald House required a "flat and long" layout. I included "I Need Help" and "I Want to Help" buttons to expedite navigation for families in crisis.
1 / 5
Revised South Central Power homepage, using 3-bucket layout. Desktop view
South Central Power Website Homepage Desktop View
2 / 5
Revised South Central Power homepage, using 3-bucket layout. Landscape tablet view
South Central Power Website Homepage Landscape Tablet
3 / 5
Revised South Central Power homepage, using 3-bucket layout. Portrait tablet view.
South Central Power Website Homepage Portrait Tablet
4 / 5
Revised South Central Power homepage, using 3-bucket layout. Landscape phone view.
South Central Power Website Homepage Landscape Phone
5 / 5
Revised South Central Power homepage, using 3-bucket layout. Portrait phone view.
South Central Power Website Homepage Portrait Phone
Student Work This makeover of the South Central Power Company called for a "three-bucket" layout. I added designs for a responsive layout, as well.
1 / 2
Revised Ralph T. Waterman Bird Club homepage, using 'dominant photo.
Ralph T. Waterman Bird Club Website Homepage
2 / 2
Revised Ralph T. Waterman Bird Club email.
Ralph T. Waterman Bird Club Email
Student Work I chose a 'dominant image' layout for this reworking of the Ralph T. Waterman Bird Club home page. An accompanying HTML email includes a simple, direct call to action.
Revised Savannah Bee Company homepage, with 'user generated' content.
Savannah Bee Company Website Homepage
Student Work The goal of this revision for the Savannah Bee Company was to create a framework for user-generated content—a marketing technique that drives site engagement while supporting the brand.

Engineering

cindi.eng.wayne.edu

View of VRWP application interface.
VRWP Virtually Guided RSW Weldability Prediction

Never in my wildest dreams did I realize how complicated welding can be. But designing and coding an interface for a team at Wayne State University definitely opened my eyes. Created by the CInDI (Computational Intelligence and Design Informatics) Laboratory, this software allows engineers to input, store, and test data about welding, all while sipping coffee in the comfort of their air-conditioned offices.

All the sweating was left to the developers, and me, of course—because I had to literally look up every engineering and statistics term the team used. And once I had a vague idea of what was happening in the app, I needed to find a way to display reams of data on mobile devices. My solution was to create small scrollable windows for each table. I hid everything in collapsible sections, and included a side navigation menu, complete with icons, to help users quickly move through the system.

Simple as it all sounds in retrospect, my task was complicated by the fact that the developers had already created an interface based on the framework of their Java coding, as opposed to the needs of an actual user, particularly one on a phone. Having studied Java in college, I could see their error right away, and I had to gradually convince the developers to refrain from asserting their Java structures in the interface. I was about 75% successful in this endeavor—something I'm very proud of.

In the end, I managed to categorize and present components I barely understood well enough to create a usable experience for the coffee sippers. Most importantly, I'm told the investors really liked it.

View the VRWP Application Interface.
NOTE: This version has been edited to protect the intellectual property of its creators.

View of CInDI website.
Cindi: Computational Intelligence and Design Informatics Laboratory

Creating an application interface for the elite tinkerers at CInDI was mind-expanding, to say the least. I was pretty relieved when instead of parsing sophisticated statistical metrics, the team asked me to make a simple website for their laboratory. "Easy peasy," said I.

The original site was plagued with very long pages that required scrolling down for content, and then back up for navigation. For faster navigation, I created a horizontal submenu off the global menu to let users quickly see their options and choose where they want to go. I then coded the content and image sections to be collapsible, allowing the user to shorten the page and open only those sections they want to look at.

View the CInDI Computational Intelligence and Design Informatics Laboratory Website.

Law

dsteinlaw.com

View of law website.
David I. Steinberg, LLC

This website was originally created by another developer in Wordpress. The code was untended, bloated, and disorganized. I purged the code, streamlined the layout, edited out a good 80% of the text, and added coding for accessibility. Removing the unnecessary javascript and php files, my clean little HTML site loads up in the blink of an eye.

I further ramped up this client's SEO by painstakingly microdata-tagging anything that moved. At one point, you could google, "Lawyer Silver Spring Maryland," and this site was at the top. Here's the proof.

In fact, I may have taken the microdata tagging a little too far. Here's a trifecta of David—Maryland's favorite lawyer.

View the Attorney's Website.

DsteinRealty

Real Estate Agent

View of VRWP real estate website.
David I. Steinberg Real Estate Services

My attorney client wanted to augment his thriving bankruptcy business by becoming a realtor who specializes in auctions, foreclosures, and short sales. I recommended we create a separate real estate site and link it with his law site. This would keep navigation easy for the user, and also strengthen his overall branding and SEO.

I take credit for the flowing prose in this site, edited by my client, of course. And I taught myself enough PHP to add a simple contact form.

View the Real Estate Website