This fully functional website prototype was developed for a photo framing studio but is applicable to any business that displays a gallery of products indexing into a detail/order page for each product.

The product information is contained in a MySQL database on the server, and bookmarkable, search-engine friendly detail pages are generated by a CMS (Content Management System, in this case ExpressionEngine). ExpressionEngine also runs the backend Control Panel for data entry.

Custom features of the gallery page are resizablility to fit a larger number of product thumbnails for customers with larger screens and hover pop-ups for ultra fast scanning of product enlargements or summaries. Compare how clean the proposed layout is to the original gallery page layouts.

The product detail/order page includes an innovative ordering matrix, with product options arranged in rows and columns, prices shown in each cell, where one click takes you directly to that option in the shopping cart. (In this prototype, it’s PayPal, and yes, all the shopping cart links are live and will actually take your money.)

There are next/previous buttons for stepping through the photos/products without having to return to the gallery page. The enlargement button takes you to a full window viewing of the photo, and in both full-window and inset view, the photo sizes dynamically to adjust to your window size.