« Design Processes, Artifacts, and Work Style

Prototype, HTML/CSS, Web App

A screenshot of a page from an HTML/CSS prototype

Bookmark.

A prototype done entirely in HTML and CSS for a web application.

Depending on the development team with which I’m working and the product on which which I’m working, I can produce prototypes using HTML/CSS. This is a screenshot taken of one such prototype.

As I designed this web application, I had a number of animations and other rich-interaction techniques in mind that would have to be done in JavaScript. Not being much of a JavaScript coder myself, I left that part of the design as annotations and descriptions of the desired behavior, documented in the UI specifications format that I developed and established for our team (screenshot of that UI specifications format)

I have tried to remove or replace information in the actual prototype that might serve to identify too readily the company and product for which this work was done.

Comments are closed