seven and eight

Sunday, December 7, 2008

Jim Irving - Interactive Map

When Jim Irving - a realtor based in Paso Robles - asked 3i Design to include a content-managed, interactive map on his new website, it meant we had another chance to collaborate. However, this project was going to be a little more challenging on the technical side, as I had to build a flash movie that could interact with a server and provide users with information about a number of property listings.

If you understood the previous paragraph, you can probably skip the next section, otherwise, read on.

a portion of the map
OK, so at the risk of getting too technical and/or too simplistic, I think it’s worth trying to explain a little bit about how the map works.

Basics

The internet is essentially a huge network of computers that can be accessed using browsers (programs that read and interpret web pages) over an internet connection. When you visit a website, your browser is reading files stored on a server – a physical computer in a climate controlled room somewhere – and displaying them on your screen.

In many cases, the information stored on the server is static – it doesn’t change or get updated often – and the website is pretty much the same each time you visit it. However, an increasing number of websites are being updated on a regular basis, using a variety of methods to change the information stored on their servers.

a portion of the map

Content Management

Many newer websites use a Content Management System (CMS) to allow their owners or administrators to edit and replace text, images and other data. Jimirving.com uses a custom CMS built by Clever Concepts and the items on the map are managed using the same system that controls their listings pages.

When a user (someone like you) loads the map page into their browser, the most current data from the server is loaded into the map and the listings appear in the appropriate places. When the user clicks on a listing, it accesses the data a second time and displays the text and images associated with that listing.

a portion of the map

Interactive and Dynamic

The piece of the puzzle you don’t get to see when you visit jimirving.com is the administration interface. This is the tool that allows Jim and his team to position the listings on the map in the first place. Each listing is dragged and dropped into its precise position and its co-ordinates are sent to the server ready for use. The listings can then be updated or re-positioned at any time, should any information change.

Take a look.

Labels: , , ,

Tuesday, November 25, 2008

Cass House - from Bed and Breakfast to Luxury Inn

I first met Jensen Lorenzen and Grace Wingett when they were about to open Papillon Restaurant in Baywood Park. When the pair decided to direct their creative energies towards a new project; the recently restored Cass House Inn (and restaurant) in Cayucos, they asked me to redesign their website.

Before

Cass House Before
The historic inn has been painstakingly renovated and sumptuously furnished, so we felt it was important to define the Cass House brand in ways that reflected this. We drew inspiration from the Art Nouveau movement and employed a rich chocolate and coffee palette and elegant serif fonts to bring a touch of early 20th Century glamour to the project.

After

Cass House After

Labels: ,