Portfolio - Ben Judy

Web Site: Small Business

aqueoustx.com

A small business web site I created for Aqueous Water Solutions, a residential and commercial water treatment company serving the North Texas area.

This site beautifully showcases the products and services of my client, and it also uses valid, semantic XHTML and elegant CSS-based layout.

Web Site: Real Estate

relocationwithease.com

Another business web site I created for Brent Chow, estate sale and real estate professional.

This site was build with XHTML, CSS, PHP and a MYSQL back-end. A robust content management system allows my client to update his site easily without any technical knowledge of web development.

Technical Training Outline - CSS

CSS And Standards

After ten years of creating Web sites and producing multimedia, I am now seeking to train adult professionals in the skills and software I use. I'm currently available for appointments as a technical trainer.

Here's an example of course material I created for a CSS training workshop I led in August, 2007.

The course involved several hours of in-classroom instruction. My students were Web designers and other adult professionals with a variety of skill levels and experience.

Download a sample copy of my training outline (Adobe Acrobat PDF).

Also download my information sheet advertising my availability as a Web and multimedia instructor (Adobe Acrobat PDF).

Web Site Mockups: E-commerce

The Marco Company

As Web Designer for The Marco Company in Ft. Worth, Texas, I designed and developed a new e-commerce site for their line of retail merchandising and display products.

Here are a few JPG mockups I created in Photoshop while I was designing the site.

I went on to fully develop the site in HTML, CSS and PHP. It served Marco well for several years. Unfortunately, the site has been redesigned since I left the company.

However, these mockups serve as examples of my Photoshop design work for an e-commerce site. View the home page, product catalog, product details, edit profile, and shopping cart screens.

XHTML & CSS

Travelocity.com

At online travel retailer Travelocity, my daily work includes:

• Work with business, information architecture, design and development teams to create the best user experience among online travel agency web sites
• Review front-end code (HTML and CSS) for cross-browser compatibility, standards compliance, best practices and accessibility
• Own & maintain global CSS style sheets, i.e. global.css
• Document design standards in company Style Guide
• Develop and implement pages in Vignette server environment

I recently coded and launched the updated Travel Info Center page. In addition to sporting a sharp new design for a large and complex set of information and tools, this page when launched was fully compliant with W3C markup standards.

Flash Project - Converting printed document into interactive media

TAKS Interpretation Guide

I designed and developed a Flash-based, interactive version of the Interpretation Guide for Texas state schools student assessment tests.

This exciting project had me converting existing PDF documents into a user-friendly, multimedia guide that could be delivered via Web or CD-ROM.

See the finished product (requires Adobe Flash Player).

Print Design - Newsletter for a Non-Profit Organization

CUPS Newsletter

I designed this newsletter for CUPS, a non-profit organization which serves rural communities along the Mexico-U.S. border.

I created this Newsletter in Microsoft Project 2007. I used Adobe Photoshop CS3 to edit the photographic imagery and artwork.

Download the newsletter (Adobe Acrobat PDF).

Print Design - Trade Show Mailer

Mailer for The Marco Company booth at Photo Marketing Association trade show

I designed this mail marketing piece for The Marco Company in Ft. Worth, Texas. It's an invitation to visit their booth at a trade show.

The mailer served as a "passport" to A World of Opportunity, which was the theme of the trade show booth.

I began by examining the design of a typical U.S. passport. I re-created a similar design in Adobe Photoshop, which I then imported into Adobe Illustrator to create the rest of the piece.

Take a close look at the eagle on the front. My employer specialized in display carts for grocery stores, so I had the eagle lose the leaves and arrows hold a few bananas just for fun.

View high-res JPG copies of the front and back of the mailer.