(917) 797·0983
Pan American flyers and ships
Pan American flyers and ships

Live Prototypes

Live prototypes solve a problem, test options and gain design clarity. Prototypes help to determine style or functions, and to learn current design techniques. Prototypes show proof-of-concept to a client or to another developer.

Prototypes range from basic building blocks to full-functioning components.

Prototypes are for websites, email, WordPress, JavaScript functions, and client comps.

Sometimes prototypes look ugly, but functions are refined and incorporated into larger projects. Prototype styles often become part of a library of reusable patterns and components.

Prototypes are an artifact of design thinking with stories to tell.


Navigation is the set of patterns which require the most research and exploration.

Examples of navigation get studied for each website to determine what it needs to do and how it should look.

Navigation patterns change over time. From using GIFS and hover effects, to using floats, Bootstrap and Flexbox.

There are many ways to approach the way users get from here to there.

Responsive Design

Responsive design patterns control how content flows into mobile and desktop formats.

Responsive design embraces modern design elements once referred to as HTML5 and CSS3. Responsive design can use a thing called media queries to control design but not always.

Over time, new ways to control how content appears to users are added and implemented.


Cards are singular components that contain distinct segments of content.

Cards set each item apart and direct the user to focus on a goal.

Cards are useful in mobile settings where limited space requires succinct chunks of content.

Cards are also useful to direct actions for content functions such as shopping or other data entry.

Inner Components

The ability to control layout within a component of the larger layout can be difficult.

Certain functions such as tables can be hard to lay out on both desktop and mobile browsers. Navigation, forms and other layout components need to reformat to fit a given view.

These prototypes explore many new solutions to design layout now available in browsers.

Sticky Footers

Sticky footers are a small problem that have had many solutions over time.

"Sticky footers" is a term that means to keep the footer "stuck" at the base of the page. Because of CSS, this has not always been easy.

Recent additions to CSS help to make this small visual function easier.

Modals, iframes

Modals and iframes are content component structures that serve to set content in a separate context. They have certain desirable features as well as drawbacks.

In some cases it is necessary or desirable to remove the user to a separate space to focus on a task.

If you are interested in starting a project please contact me. We can talk by phone or zoom.