May 15, 2009 - 4 comments

OlsonFarlow.com and PhotoShelter Integration Explained

First I want to say thanks for all the great feedback and shoutouts about Randy Olson and Melissa Farlow's site.

I also received several great leads inquiring about PhotoShelter integration and judging from the inquiries I feel I need to explain at what point PhotoShelter customization and integration begins and where it ends for OlsonFarlow.com. There seems to be some confusion.

At the moment, the bulk of OlsonFarlow.com is a static website hosted at BlueHost and crafted with html, css, javascript and jquery plugins. The home page, individual story grids and the single gallery pages that feature individual stories are static web pages. They are not powered by PhotoShelter.

Where PhotoShelter begins is with the Archives page. This is where I used the manual customization option to code the pages using css to look exactly like the static pages of OlsonFarlow.com. I guess it worked really well!

olson-farlow-address-bar.jpg

You'll notice that once you get to archives.olsonfarlow.com the browser address bar has the "/c/olsonfarlow" at the end of the url. This is generated by PhotoShelter so as a visitor starts to click on the sub-navigation or the Featured Galleries the url starts to change. This is especially noticeable when a user defines their search parameters and PhotoShelter displays their search results.

Most people won't notice the difference (which is great) and I felt compelled to explain this more because there seemed to be a lot of confusion about what seamless PhotoShelter integration means...

So to break this down:
Phase 1: Design OlsonFarlow.com. Establish overall look, feel, and determine overall structure. Advise on content. Code the site.

Phase 2: Integrate their PhotoShelter account to look and feel like all the other pages at OlsonFarlow.com. Make it seamless to keep brand consistency and increase value to the experience of visiting OlsonFarlow.com.

Phase 3: Migrate and integrate OlsonFarlow.com to WordPress MU so they can update the content on those pages dynamically and add a blog to increase visibility and connect with their audience.

Ideally if you are interested in using PhotoShelter, you would have a "stand-alone" website where you will be able to create an experience for admirers, buyers and whoever else is your target audience. A custom website would be the way to really stand out from the crowd. Then, use PhotoShelter to allow your audience to buy, download and share your work.

Using PhotoShelter as your single solution also works and it is limited in the way one can present their work. It may work really well for some photographers and may not be enough for others. Again, this all comes down to your goals, the needs of your audience and your budget (very important :).

There are many ways to integrate PhotoShelter for your needs and there is no one "right" way.

In fact, another option is to really use a blog as the main portal and "attach" PhotoShelter to your blog. Blogs and websites are becoming one and the same, if not already so.

In the next few weeks, OlsonFarlow.com will be migrated and integrated to WordPress. This will allow Randy and/or Melissa to update their various galleries and text at their leisure. I'm also hoping to integrate a blog for them too so check back for an announcement!

Hope this helps.

Published by: dpdavis in Design, Photography
Tags: ,

Comments

jan scherders
September 3, 2009 at 7:03 am

hello

I just admired your beautiful work with the orsonfarlow site. Now I am not a webdesigner/developer myself but I would love to know how you did this integration of Photoshelter in the website. I have a blog http://www.janscherders.nl/blog and a Photoshelter website archive.janscherders.nl and would love to integrate this Photoshelter website as my Beauty Archive in the blog. Could you give me some very practical guidelines?

Best
Jan

Deb
September 4, 2009 at 2:06 am

Hi Jan,

I’ll email you in a few days with some ideas.

Thank you for your kind words.

Best, Deb

Ed
January 22, 2010 at 7:23 pm

Hi-

Great work on the OlsenFarlow site! I’m beginning a Photoshelter integration, and have a question about your design workflow. Are the slideshow images on the OF home page (not the PS archive page) being populated through a Photoshelter archive/gallery RSS feed, or is the client managing these images separately (through WP or other)?

Thanks

Deb
January 23, 2010 at 7:23 pm

Hi Ed,

The slideshow on the primary OlsonFarlow.com home page (not the Photoshelter archive main page) is powered by WordPress and using a jquery plugin. It does not have a content relationship with Photoshelter. Meaning, you are correct, it is not being populated by any Photoshelter archive or RSS feed. All images that are displayed on their home page is manually created using WordPress. They wanted more control over which images would show up on the home page than what Photoshelter’s default settings and parameters would allow.

Hope that helps answer your question.

Deb

Leave a Reply

%d bloggers like this: