Danky Design | Samples

Web Design and Production

I have sites as a solo developer, and worked on corporate sites in a team setting. I use Home Site for coding, Photoshop for graphic design, and Flash and Director for animations. I consider myself expert (but not omniscient) in JavaScript, CSS, HTML, and DHTML. In order to facilitate communication with back-end developers, I have acquired familiarity with JSP, ASP, Cold Fusion, and Vignette.

Note: The links to samples below open in a new window.

Working Model

A sample site - I did this design for a state agency's web site. They wanted a working model, so I provided DHTML and links to mocked-up pages. Emphasis was on the home page design.

A Design Problem

Three comps - This client did not have an official logo, but wanted to preserve the red and black color sheme of their original web site, which had been used in a printed brochure. They were also now required to add the blue and orange banner of an umbrella organization to the top of every page in their site. Finally, the page design needed to be easy for non-technical staff to update and maintain. These designs were offered as solutions to this problem. The client ultimately chose the black design, because it was a strong look that expressed the spirit of the organization.

Small Sites

I did all of the planning, design, writing, and production work for several small sites, including:

Nightshifters - A site created for a local band that embodies their playful, good-time energy. The site's audience is fans and potential employers. It provides a list of upcoming gigs, plentiful photos, samples of the music, a playlist, and contact information.

JbK Artworks - A graphics-rich site for an artist who creates 'concept' portraits she calls "Loved Ones in Landscape." Uses a Java applet for a visual effect, and a Flash animation.

Poetry and Percussion Duo - A site designed to promote a unique performance duo. The design reflects the powerful emotional experience the performers create. The site provides audio clips, biographies, a performance history, and contact information.

Corporate Sites

In addition to intranet and software UI design and development, I have worked on a number of public corporate web sites, usually in a team setting. They include:

Insurance.com - Member of a team that debugged, enhanced, and maintained this site.

Fidelity Personal Investing - Participated in a major redesign of the Personal Investing section in 1998. HTML development, templates, production.

The Foxboro Company - Fulfilled a variety of roles, including content development, client interaction, information architecture, and page production, particularly in the following sections of the site:

Industry Tune-ups
IA Series Suites
Industry Solutions
IA Series System
Training
Suites

Multimedia

Here are some samples of work done with Flash, Director, and animated gifs.

Event Manager Demo - A Flash animation that shows how to use a Cold Fusion application I created. There's more information about the application itself in the Programming section.

Grin - A Shockwave animation drawn using the Wacom pen and tablet.

Painter - A playful Shockwave animation using vector graphics.

Stella - A different drawing style, this time for an animated gif.

Programming

Over the past two years, I have been pursuing my interest in programming, and I've acquired training and practice in JavaScript/CSS/DHTML, Cold Fusion, Active Server Pages, and Vignette V/5.

JavaScript

Here are a couple of interesting JavaScript solutions to problems I've encountered along the way.

Modal window - This demonstrates code for a modal ('always on top') window that works within a frameset. The simple solution (returning focus to the window using the onBlur event) does not work when you want the user to be able to interact with a form element in the window. This workaround solves that problem.

Menu Tree - Some day, browsers will actually adhere to standards. This menu tree is compatible with Netscape 6 and IE 5. It requires less branching code than would be necessary for older versions of these browsers.

Form Validation - Client-side validation for a dynamic form.

Stopwatch - Just for fun. Uses the setTimeout method.

Use the tabs above to see links to samples, or click the image below to see a gallery of digital photos and artwork.
	A note on this page One goal for this page is to create DHTML tabs that are compatible with IE4 and newer, and Netscape 6. If you find errors, I'd appreciate your dropping me a line.