Since they didn’t have any complete projects yet, I suggested we use illustration to get the message across, and later they could update new pictures of their work. They wanted a Flash animation for conveying their most important concepts, and a framework they could keep updated themselves without much training, so I suggested Wordpress.

I designed the color palette of the site to go with updated colors on the logo, but after the site was built they decided to revert back to the original colors.

The color palette needed to compliment the existing identity system, and they wanted to incorporate illustrations to quickly convey the complex nature of the company’s product. I came up with several versions for the home page, and they chose the third one in this lineup. The inside page style is underneath.

One of Panpoticon’s Marketing people was interested in seeing a comp with a functional wheel that would engage people coming to the site.

Below is the design direction they chose.

This is the inside page template design.

In addition to designing the pages, I animated several of the illustrations which included links to inside pages. I partnered with Craig Miranda of Miranda Design to build out the site.

The website also needed to provide people with all of the information they needed before, during and after their journey. Each page includes a Flash-driven slideshow (in the image area) that cycles through slowly and continuously. We worked together on organizing the content and I encouraged her to link the content from page to page as much as possible to keep people looking around on the site. The client also wanted music on the site, which she provided. Visit Custom Tours in Tuscany.

I also thought it would be nice to commission a watercolor artist to paint a portrait of the building which could be used on postcards left in the rooms. Hotel owner Michele Nasatir agreed, and they have been reprinted several times over. This website is currently maintained by the client, and text has been added in several areas that differeed from the original. Visit the Embassy Hotel Apartments website.

Below is a coordinating inside page with dynamic imagery and text in the left column that changes upon refresh to another random bit of text and image. This is a large site with upwards of 80 pages of content. Visit Digital Vision.

Both the homepage and the “Team” page have videos playing in the TVs. The “Team” page also has skater photos and bios.

The “Products” page has two sections built in, T-shirts and Boards. Each thumbnail changes to a large image when clicked on, and the product information and pricing changes. All the prices are dynamically loaded from external text files, which can be easily updated by the client. This site has PayPal integration for checkout.

Upon page load, there is a short animation of a skater silhouette that comes down the curve and jumps over the edge before skating off the right side of the page. Visit False Profit Skateboards.

A more recent development was their desire to have their website contain dynamic pricing and apply their pricing structure to the current price of platinum and gold. I helped them come up with a formula that would allow them to input the fixed price information, and then the formula would be applied with the dynamic price of the day for gold or platinum. This way all the prices on the site would be current and it would save them time re-calculating prices at their desks.

In the bridal section there is the option to view rings in groups of four, one at a time, or all at once on a long page. In addition, the side has video and a blog, as well as searchable database of local jewelers that carry their product.

On the detail pages, each ring has a quote associated with the name, to enhance the unique quality of each piece. In addition, alternate views of the rings are shown in thumbnail size at the bottom of the page.

This site also has a custom admin page where the client can upload new ring photos, descriptions and pricing, and re-arrange the order in which they appear on the site.

For the style of the illustration I wanted the simplicity of a woodcut but wanted it to be modern looking and scale down well and still be recognizable at a small size. One of the reason I chose the mountain “range” as part of the image as it is often used in designs related to the San Gabriel Valley, where the City of Monrovia is located.
I chose the Syracuse font because of it’s Arts and Crafts feeling. Here is a formal description of the font: “Syracuse is a font inspired by the typefaces of the “Arts & Crafts” designers of the early 20th Century. As such, it has a distinct “hand” look. In “Syracuse” you will find hints of Dard Hunter’s work at the Roycrofters in East Aurora, New York, a little of the Art Nouveau style of 1900 Vienna, even a touch of Charles Rennie Mackintosh’s design ideas in Glasgow, Scotland. The font was named for the city in New York where Gustav Stickley produced his Craftsman furniture.”

The logo also had to be able to accommodate the names of three stations, and so I created an area below the image that could change according to which station they needed it for. I also did color variations for each station, but they decided to keep the colors of all of them identical.

Following the approval of the logo, I was commissioned to design a business card and letterhead, and then a website. The station wanted the website to convey both television and coordinate with the newly established branding. They also wanted to maintain the site themselves, and have it be easy for people to scroll through the most recent videos.

I created the new website on the Wordpress platform, and kept with a look consistent with the new logo and color palette. Visit the KGEM-TV website.

Here is a fun “Coming Soon” webpage with a previous Flash photo gallery that I designed for Farrgirls Productions. Click on image to enlarge.