Keystone Websites


Website Design

We present this selection of some of our website design work. There is a combination of static and dynamic websites created over a period of three years. Please click the [↑] symbol to return to the top of this page.

Screenshot of US Mower

US Mower

Based in Washington state, US Mower is a supplier of industrial mowing equipment. Keystone Websites was tasked with modernizing the existing website. Out went the code-heavy pages created in Microsoft Publisher, to be replaced by lean, hand-coded XHTML. The new site has an improved structure, together with substantial performance gains and a corresponding decrease in overhead.

The existing visual design was fairly robust, so Keystone Websites created a new look that was an evolution of what came before. The red, white, and blue theme was carried over to complement the company's logo, which itself was slightly reworked to give it a modern feel. A special page was created to act as a host for various product video clips. The total development time for the site was about 2 weeks, and all communication between the client and Keystone Websites took place via email.

US Mower distributes products through an extensive network of dealers around the United States and Canada. To assist the user, the dealer in the directory has links to their respective websites, as well as links to Google-based location maps.

Screenshot of GuardHome


GuardHome Limited is a UK-based security company that specializes in delivering sophisticated security solutions at affordable prices. GuardHome's philosophy of giving “more for less” mimics the philosophy we have here at Keystone Websites. Screenshot of the old GuardHome websiteOriginally one of our Basic packages, the GuardHome website was hand-coded in the Transitional flavor of XHTML to allow room for evolution. In late 2005, that evolution became a reality, as the site was retooled with an all-new design.

The visual design was reworked to give the site a harder, more professional edge. More emphasis was given to the company's phone number, and primary navigation was simplified to reflect the evolving user demographics. Using a smattering of PHP, the site was built to cope with the Unicode standard for character sets, enabling the site's feedback form to cope with international text if required. The total development time for this site was about 3 weeks, with all client interaction taking place by email and internet telephony; however, the update to the site took only a week, much of which was spent creating a dynamic (database-driven) tool to enable the client to add, update, or delete client testimonials from a specially-designed control panel.

Screenshot of TetraBOOST


Designed as a marketing solution for a British importer of Tetraethyl lead (which converts unleaded fuel into leaded fuel and boosts octane), the TetraBOOST website was one of the first sites created by Simon Jessey, Keystone's senior designer. The total development time was about a month, and it utilized a Microsoft proprietary server extension system for the site's rollover navigation effects. Screenshot of the old TetraBOOST siteThe graphics were specially designed using a long-dead 3D animation system, and converted into a format that worked with web browsers. Articles, test data, and dosage instructions were added at the client's request.

In December 2004, the TetraBOOST site underwent a complete redesign, from the ground up. Built on XHTML, PHP, and Unicode, the new site boasts new graphics, tools, and functionality. In a first for Keystone Websites, the TetraBOOST site now features a choice of two different layouts. Using a combination of JavaScript and Cascading Style Sheets, the user can choose from a fluid or fixed-width layout.

One of the new features is a series of tools to help customers convert between various units of measurement. Rather than using the conventional approach of using JavaScript, Keystone Websites built the new tools using PHP; therefore, users accessing the site with non-traditional web browsers can still make use of the tools. The total development time for the new site was 3 weeks, with most client liaison taking place by email.

Screenshot of Penn State Women's Cross Country and Track & Field Booster Club

Penn State Women's Cross Country and Track & Field Booster Club

The Penn State Women's Cross Country and Track & Field Booster Club website is a personal contribution from chief designer Simon Jessey, and his wife Deborah. Like the GuardHome website, it has been built around a solid XHTML and Unicode base. Two forms handle membership registration and communication with the club's organizers.

An original logo concept was re-imagined, and the new version takes pride of place in the site's banner. A fluid layout has been used to cope with the wide variety of browsers among the site's users. The total development time for this site was about 2 weeks.

Screenshot of Just Photo

Just Photo

On this project, Simon Jessey of Keystone Websites was given a functional specification for a website that had to provide information and photography services for a photographer based in Hamburg, PA. The specification was a document containing information on style, color, content, and structure. Keystone Websites worked closely with the client to produce the desired result, from the initial visual design concept to the testing and deployment.

The site is hand-coded using a combination of HTML, CSS, and Microsoft's ASP (Active Server Pages) technology. Sophisticated CSS float techniques were used to create the gallery pages, and a fully-functional control panel was built so that the client could alter many of the site's dynamic features. The total development time of the site was 5 weeks.

Screenshot of The Queen Bean Coffee Bar & Cafe

The Queen Bean Coffee Bar & Cafe

The Queen Bean Coffee Bar & Cafe is a collaborative effort. Simon Jessey, senior designer at Keystone Websites, worked with a small group of talented individuals to produce this dynamic website. The group was given a brief to design a site for a small, Pennsylvania-based coffee bar from scratch. The site had to be built using Macromedia's ColdFusion server-side language, and provide E-commerce capabilities with the PayPal shopping cart system.

The site features a welcoming Flash animation (delivered within a pop-up), a Flash-based "menu", and a fully-featured control panel that enables the client to alter any dynamic feature of the site. Total development time was 10 weeks, including client consultation and liaison.

Screenshot of LVSports Photos

LVSports Photos

Lehigh Valley Sports Photos (LVSports Photos) is one of our Premium Package websites. Fully dynamic, it features a photograph gallery with detailed image information. A user can choose a photograph and order it with a specially-design email order form. A search feature has been added for added functionality, where the user can enter keywords and wildcard characters to find a specific photograph.

The website's banner, which appears at the top of every page, was designed using a combination of images from the photographer's portfolio. The images were blended together using Adobe's Photoshop software.

An administration page allows the client to add, edit, or delete records from the photo database, as well as logging in to a web-based email service. Total development time was just two weeks, and Keystone Websites communicated with the client via email only.

Screenshot of Gadgets for Geeks

Gadgets for Geeks

Simon Jessey, the senior designer of Keystone Websites, created a product-driven website to investigate XML technologies. Using a database backend, and Microsoft proprietary technology called RDS (Remote Data Service), the website retrieves product information from a database and converts it into XML. The XML is then transformed into a format that can be read by browsers. The practical application of RDS is limited by its dependence on IIS - Microsoft's web server platform.

After investigation of the RDS technology, the project was completed in just 3 days. The visual design is intended to appeal to the gadget-happy audience, with a banner combining the name of the site with some of the interesting products that would be available.

Screenshot of Bryker Enterprises

Bryker Enterprises

The Bryker Enterprises website design was a special commission by a web technology instructor and website designer. Keystone Websites was asked to redesign the look of the site's home page, using advanced CSS techniques as a demonstration of what could be achieved. The brief was to reduce the overall file size by 60% or more, improve accessibility, and make it easier to update. Keystone chose to create a design that could easily be implemented site-wide if necessary.

The design is now used as part of a training course to teach young web designers techniques in good site structure and Cascading Style Sheets. The total development time for the project was just two days, and the adaptability of the design has made it a popular layout for many of our customers.

Screenshot of Allentown Business School Library website

Allentown Business School Library

This project involved creating a static website on a large scale. There are over 50 hand-coded pages built around an XHTML/CSS template. The front page features a JavaScript-powered calendar and a Flash-based navigation system. The site is continuously evolving to meet the needs of the students of Allentown Business School.

Because of its size and complexity, the development time of the site was about three months, with content input from students and faculty. Keystone Websites handled all aspects of the design, development, and page construction.

Screenshot of

Developed as a test bed for Internet and Web technologies, is the personal website of Simon Jessey. Simon is the senior web designer at Keystone Websites. The site features sophisticated HTML that adapts to the user's choice of web browser. The modern design is highly accessible, yet pleasing to the eye.

The screenshots show the "weblog" section of as it is rendered by Mozilla's Firefox web browser. Keystone Websites highly recommends this web browser, since it represents a giant leap forward over Microsoft's Internet Explorer.

Graphic Design

In addition to website design, Keystone Websites undertakes web-related graphic design work. These include website storyboards, mastheads, advertising images, and user interface graphics.

Screenshot of JFK

John F. Kennedy

This graphic design was actually a web page. Created in a single evening, the page was designed as part of a competition entry to commemorate the life of former President John Fitzgerald Kennedy, on the fortieth anniversary of his death.

Although only a single page, it was designed to be part of a larger site. It had a sophisticated tabbed menu, and the page was fully compliant with various accessibility standards. The work was done by our senior designer, Simon Jessey, who was only given twenty-four hours notice to complete the project. The page was commissioned by Allentown Business School.

Screenshot of Stuff for Kids

Stuff for Kids

The website design for Stuff for Kids was developed in graphic form, using Adobe's Photoshop software. This technique is known as storyboarding. At Keystone Websites, we like to give our clients plenty of options, and this is especially important when considering how a website should look. The Stuff for Kids design was one of several possible designs for a small-scale electronic toy store.

To marry the layout and functioning site together, the finalized storyboard images are sliced up into appropriate segments and then applied to the website using CSS techniques. This method makes it possible to change the visual design at a later date, without compromising the site's functionality. The designs for the site (eight in all) took two weeks to create.