Seedmagazine.com — Lookin’ Good

Update: Hi! Thanks for all the kind words! To clarify an important point — I (Tim Murtaugh) was the developer on the Seed project — Mike Pick was the designer. He’s responsible for the gorgeous look, I just wrangled MT to meet our desires… :).

Seedmagazine.com logo

So, seedmagazine.com has been live for a couple of weeks, and the system looks to be performing like a champ. The client is happy, and readership is climbing.

I’ve been trying to figure out how to document the development experience, but our process is truly organic and fluid; sometimes it’s hard to nail the experience down: But here goes.

Sciencegate

As a prologue, Seed first came to us in June, looking to develop a blog. What we ended up with was Sciencegate, a WordPress-based journal of the happenings at the 2005 G8 summit in Scotland (now a general-purpose blog for editors and contributors of Seed). The experience was great — Seed had come to us because of our work on Cloud King, and we knocked out the blog in short order.

Seed Magazine

Once Sciencegate wrapped, our contact at Seed mentioned they were soliciting proposals for the re-build of their magazine site, to coincide with the re-launch of the newly-designed magazine. The site needed a new face, a new undercarriage, and an architecture that could handle their lofty goals of millions of unique visitors per month. Oh, and it needed to happen in two and half months.

It seemed clear to us that the only way this could happen was to use an off-the-shelf product, rather than build a custom CMS. We considered a number of options, but right from the beginning we were attracted to Movable Type.

Movable Type had a number of things going for it:

  • It’s mature, which meant two valuable things — It’s been around for years (and has been field-tested to death) and it has an incredibly deep feature-set. We knew it was solid.
  • It’s no stranger to large-scale implentations. MT is used by About.com and the Gawker network, both of which produce prodigous amounts of content, and rack up huge numbers of hits.
  • It has a formal support system. I’m a big fan of the open-source community, and the support that’s built into it, but when you’re talking about a significant strategic asset in a company’s portfolio, it’s nice to know the people who built the thing will be there when you need them.
  • It has a large and active community of plugin contributors. This made it possible to get what is at heart a blogging app to act like a news portal.
  • We had worked with it before. We knew what it could do, and we knew it was a lot.
  • Street cred. Everyone knows MT is the bomb, right?

So, we pitched it. And, to our mild amazement, we won the gig. We were likely the underdogs, but I think our strong confidence in MT and our success with Sciencegate helped us out. Plus — we were passionate about the project. Seed is a new breed of science magazine, with truly lofty ideals, and we wanted to be part of that.

The site is still being tweaked here and there, as every site should be, but here’s some of the stuff we’re most pleased with:

  • sIFR page titles. It still feels like a luxury to be able to use a custom font for textual elements.
  • The home page Flash module. This is driven by an XML file that is automatically generated by MT.
  • The Flash photography galleries. Again, these are driven by MT-generated XML. Gallery construction is made nearly painless by the fantastic Photon plugin for iPhoto. (We got the idea from Douglas Bowman who uses Photon to power his amazing Photo Gallery Templates.)
  • Front of Mind. This homepage module allows the editors to highlight articles on specific topics, bypassing the standard categorical hierarchy.

And then, of course, there’s the content. That’s not our contribution, of course, but it’s amazing to see our creation quickly filling up with the latest thoughts on AIDS, intelligent design, the Nobels and Girls Gone Wild.

(According to Mint, that last article seems to be very popular with Google users.)

Certain features were made laughably simple by MT — customized RSS feeds for example, as well as user management, file uploading, article archives, and a hundred other things. And to give props where props belong, we couldn’t have done without the following Movable Type plugins:

Oh, and not to forget: I hope you’ve all noticed the Phylotaxis, the round pattern of dots at the top of the left column. Creator Jonathan Harris can explain it better than I, but it’s a visual exploration of the space where science meets culture. The colors of the dots change daily based on articles it scrapes from the around the web. Be sure to explore it in full-sized glory. The arrangement of the dots is derived from the Fibonacci Sequence, and it has become Seed Media Group’s corporate logo.

So, there it is. When all is said and done, it’s very likely that Seed Magazine is going to be one of the great science titles, and seedmagazine.com is going to be an invaluable resource for science as culture on the web.

Be on the lookout — they (and we) aren’t done yet. More’s a-coming.

15 Responses to “Seedmagazine.com — Lookin’ Good”

  1. Anthony Baker Says:

    Wonderful write-up — thanks for this. Out of curiosity, when you folks were working on the development of the site, did you do any references to other documents/sites/material for enhancing the features of MT to more of a standard site CMS?

    Additionally, how easy has it been for the writers/editors at Seed to publish? Am assuming you’re using Textile or Markdown (or perhaps the WYSIWYG toolbar that displays on IE or Firefox).

    Would be great to hear about any admin hacks you did to support the ease-of-use for the client to publish — I’ve found that even though you’re able to deliver on the front-end with MT, the ease-of-use for administration is also a critical point.

  2. The Life and Times of Allen Lew » Building Websites with Blogging Software Says:

    […] 14 pm

    Seed Magazine was rebuilt with Movable Type. Here’s how it was done. (via Kottke) Not that it hasn’t been done before, as Matt Haughey had an article o […]

  3. ProNet Says:

    Seed Magaine launches with Movable Type

    Seed Magazine, a magazine devoted to the connections between science and society, wanted to relaunch their website along with the redesign of their site. A beautifully designed, intuitive site, Tim Murtaugh, the designer, explains why he chose Movable …

  4. rob poitras Says:

    Beautiful Site. Well done!

  5. Tim Says:

    Thanks for the comments, all. To respond to some of Anthony’s questions:

    We didn’t try to make MT be like any other application… We did fairly comprehensive needs research at the beginning of the project, so we developed for needs instead of expectations (if that makes sense).

    We’re lucky in that the editors are young and very computer-savvy; we didn’t have to install anything on the admin side to expand functionality except the CustomFields plugin, and that just made things more complicated for them. :) In lieu of WYS buttons or other input assistance, we gave them a styleguide consisting of screenshots and code snippets. We also demonstrated the tool on-site, so they could see it in action before they had to use it.

  6. Cameron Barrett Says:

    As one of the other companies that replied to the Seed Magazine RFP, I have to commend you for this fine execution and implementation of MT. It just proves how flexible and powerful MT can be when you use it as a CMS rather than just as a blogging tool.

    In my reply to the Seed Magazine RFP I pitched a solution on top of the Drupal framework, since I didn’t feel that MT could handle the kinds of functionality they were seeking. I’ve now been proven wrong. :-)

  7. Bliar Adams Says:

    Oh my god, you did this for Seed Magazine? Nice work, but good luck getting paid! Everyone in the biz knows that they are notoriously negligent with their payments, not only to contractors but to their very own staff.

  8. Tim Says:

    Hi Bliar (Blair?),

    We’ve heard info like this in the past. Our understanding is that Seed had some troubles, got back into shape, paid everyone off, and there haven’t been problems since.

    We certainly haven’t experienced any problems.

  9. Bliar Adams Says:

    If you really indeed get paid, then consider yourself one of the lucky few.

    Great work, again. A truly remarkable job you did.

  10. o2b.net » We’re at it again: ScienceBlogs are in the hizzouse. Says:

    […] onkey Do has again been busy, and again the partner-in-web is Seed, and again it’s a Movable Type installation — but this time we’re actually using it for blogs! ScienceBlogs is t […]

  11. Shabeer Says:

    I am planning to use MovableType for a project which will be requiring a forum too. The forum software has been narrowed down to PunBB ( http://www.punbb.org/ ) and Vanilla, but am not sure which one to go ahead with. Any thoughts on this would be really appreciated. Why did you ultimately decide on Vanilla?

  12. Tim Says:

    We chose Vanilla for a few reasons — 1) because we like to support new projects, and Vanilla is very new, yet fully-realized. 2) because it’s CSS-based. We thought it would be easier to customize a forum that didn’t rely on tables. It was, but it wasn’t as easy as we had hoped it would be. 3) Vanilla looks great out of the box — we didn’t have to do much to make it look good :)

  13. Jeffrey Zeldman Presents : Roadside link jamboree Says:

    […] This beautiful and well-written periodical explores the changing role of science in our global culture. New York’s own Mike Pick and Tim Murtaugh created the clean, elegant, and playful site design (check out the little colored seedlings at the top left). […]

  14. Sherwin Techico Says:

    Congrats on the launch. Found it through Mr. Zeldman’s magnolia link. I’d be interested in learning more about which plugins you used, especially the ones that affected workflow of the content team. Anyways, congrats thanks.

  15. Roofing Child“s Play Says:

    Nice. Even the graphic ads fit absolutely in.