• Fortunes

    The fortunes

  • St4

    The Word-a-Coaster at Selfridges

  • St3

    Stewart Smith outside the Word-a-Coaster

  • St5

    Setwart Smith’s favourite fortune of them all

  • St1

    Stewdio: TransActions

  • St2

    Stewdio: Under the Vine

Interactive

Stewdio: Words Words Words @ Selfridges

Posted by Rob Alderson,

After the initial creative buzz of brainstorming and refining the idea for The Word-a-Coaster in Selfridges window we came to what shampoo ads would call “the science part.” How exactly do you select, typeset and print 30,000 unique fortunes? Luckily for us we knew just the man, Stewart Smith of Stewdio, and he helped make our crazy-mad dreams come true. In this interview he tells us how he did it, and chooses his favourite…

What was your initial reaction to the brief?

It sounded like fun. How do we collect thousands of adjectives? What do we do with them? How do we render 30,000 (or more) unique items for print?

How did you set about tackling it?

I started out by experimenting with a few different methods (including writing all of the adjective-gathering and render-generating code in Ruby!). But it became clear that the best tool for the job was Scriptographer, a free scripting plugin for Adobe Illustrator created by Jürg Lehni.

This approach allowed It’s Nice That and I to use normal Illustrator tools to setup a designed template containing all of the desired layout and typographic settings. From there I could write scripts to pull in adjectives from the collection we created, alter the designed template in various ways, and export the results for print—ultimately generating the 30,000 unique fortunes for Selfridges.

What were the main challenges involved?

This project held three main challenges. The first was wrangling together a royalty-free, vetted list of thousands of adjectives from Wiktionary. Parsing Wiktionary is a “sticky wicket” (as you Brits might say) and in the end the easiest way to do it was not to download and make sense of its freely available XML dump, but to write an in-browser JavaScript hack to leap from page to page collecting the adjectives. I was surprised and delighted by how quickly that little script did its job.

The second big challenge was to automatically scale the type size of the adjectives to be as large as possible on the card without breaking lines—a process I thought would be trivial. But Adobe Illustrator’s type engine doesn’t cooperate well at “high speeds” and when you’re rendering 30,000 documents, speed of export is everything. (If each document took only one second to render and save to disk that would take over eight hours!)

When you ask Illustrator’s type engine a question like “will this piece of text fit inside this box if I choose this font and this type size?” you have to really wait for it to refresh its model of what’s happening. If you don’t wait long enough between setting the type size and asking whether or not the text will fit, Illustrator will still answer you but it will do so based on whatever model it was thinking about previously—and that’s not very helpful.

Because Scriptographer uses JavaScript I was able to employ some fancy callback tricks and really optimize the process, reducing the render time by hours.

The final hurdle was pushing around the completed renders—30,000 EPS files constructed as per the printer’s specification. Uncompressed that was over 16GB of data. Just compressing the files took about half an hour, but reduced the load to a more manageable 6GB.

The printer was amused at how long it took just to copy over the final package, uncompress it, and output a few proofs for us. Or maybe “amused” is the wrong word?

How exciting is it to be doing a project for Selfridges’ window to be seen by millions of people?

It’s exciting of course, but whether the audience is ten or ten million for me the real fun is in the process of making. Having said that, I wouldn’t mind if some big shot director filming the next London-based blockbuster movie happened to use the Selfridges display as the backdrop for an important scene. I really enjoy it when artifacts of the day are captured in movies and the movies become widely distributed time capsules as they age. It’s a special kind of longevity.

Do you have a personal favorite from all the fortunes?

This changes each time I glance across the collection. For the moment my favorite is “Welcome to the VALID new you” where VALID is typeset in 54pt Albertus MT Regular. If you’re quick you can actually see this one for yourself as it’s sitting nearly up against the glass in the window display. It’s fortune number 25,958 of 30,000. If you happen to receive this one, do get in touch with me.

Ra

Posted by Rob Alderson

Rob joined It’s Nice That as Online Editor in July 2011 before becoming Editor-in-Chief and working across all editorial projects including itsnicethat.com, Printed Pages, Here and Nicer Tuesdays. Rob left It’s Nice That in June 2015.

Most Recent: Interactive View Archive

  1. Citymapper-itsnicethat-main

    I remember many years ago my big sister moving to London and seeming so cosmopolitan: she did things like grab a quick bite from Pret, or go to the theatre, or eat sushi. She also carried with her at all times something called The London A-Z map in her handbag which she consulted in doorways when it was raining, or as we were rushing along busy pavements. It seemed so thrilling, but at the same time quite daunting: I wasn’t confident at map-reading and was nervous about having to rely so heavily on this minuscule printed map that had different parts of London on entirely different pages and expected you to match them up.

  2. Hato-press-dazzle-ships-itsnicethat-list

    You’ve already seen Sir Peter Blake’s contribution to this year’s Liverpool Biennial; a giant dazzle ship in pop-art colours sailing down the Mersey. But why should Peter have all the fun creating technicolour tug-boats? Well that doesn’t have to be the case anymore. The inspired folks over at Studio Hato have busied themselves recently working with the Biennial curators to create an online resource where maritime enthusiasts can make your own dazzle ship. It’s not a real ship obviously – just a digital one for the internet – but the joy of building it online is just as good.

  3. Altos-adventure-int-list

    Bad news guys, I’ve got a new game to tell you about that’s going to eat up all your free time and turn you into one of those dopey phone-tapping lunatics that stare at you all bug-eyed when you ask them to “Get the hell out of the WAY!” on the morning commute. I’ve not had this kind of crippling addiction since Monument Valley, but this one’s bitten me hard.

  4. Skoda-int-list

    I can’t remember the last time that an online ad left me open-mouthed and staring blankly at my computer screen, but this from 18 Feet and Rising for Skoda managed it. Easily. The campaign, called Fight For Attention, uses pupil-tracking technology to measure the way the viewer interacts with a 90 second-long split-screen film in which two cars, a white and a blue Skoda, literally vie for your attention. It then creates a personalised infographic to show you which held your attention for longer, identifying the details you missed and creating a percentage measure of which won. It’s space-ace in its accuracy.

  5. Daniel_eckler-whereswallet4-int-lisst

    Find yourself losing your wallet a few times too often? On the bus after a couple of shandies? No longer in your pocket at a festival? On the cistern of a toilet? Yeah, me too. Luckily we live in the age of technology, so people all over the world are making sure dummies like us can keep track of our personal bits. Where’s Wallet has just made its online debut, and looks fantastic: “Thanks to cutting edge technology, each wallet features a thin, unobtrusive sensor, so you never have to replace your wallet, or its contents, ever again.” Sounds good to me! Before you get your shit old wallet out to actually pay for one of these babies, check out the brilliant interactive website for it illustrated by Harry Bloom. The Where’s Wally? aesthetic of the site asks you to locate lost items, and play fun quizzes about tech. Bash that auctioneer’s gavel down, I am s-o-l-d.

  6. Tod-papageorge-studio-54-int

    This is fantastic. An interactive, well-designed web article about Tod Papageorge, who photographed Studio 54 in its heydey, with accompanying photographs of said photographer by one of my favourite photographers Jeremy Liebman. And that’s not all, as you scroll down this slick, smooth site and learn about the glitter-smeared naughtiness of the club that notoriously only let in people with “high energy” and was once referred to as the best party in the world, ever, you are treated to soundbites from an interview with Tod about his new book.

  7. Penguin-int-list

    Publishers are almost unique in that when it comes to their birthdays they give everybody else a gift, rather than demanding one themselves. Kind eh? Especially in the case of Penguin, which has announced that to celebrate its 80th birthday it will be launching a new range of 80 books, entitled Little Black Classics, to be sold for a mere 80p each. 80p, you cry! That’s madness! Well yes. And even more excitingly for some, the series is accompanied by a fun little interactive website, designed by freelance designer Mathieu Triay, which invites readers either to shake their phones or to drag the penguin across their screens in order to discover the titles and quotations from the books included. Whoever claimed that “you can’t teach an old dog new tricks” evidently has much to learn from the publishing house, which appears to be getting progressively more exciting with each passing year.

  8. Listnice-and-serious--sex-by-numbers-15

    Ever lay back wondering how your sex life and masturbation habits compare to everyone else’s? Well wonder no more. London agency Nice and Serious has created an interactive, infographic-packed site for the Wellcome Collection, running alongside its current Institute of Sexology show.

  9. Awaytogo-main-int

    I very rarely struggle to start writing a post – but I have hit a bit of a wall with this. Bear with me while I try and get across the magnificence of this game. I just spent a while playing A Way To Go – a web game created by Vincent Morisset with the help of Caroline Robert, Philippe Lambert and Édouard Lanctôt-Benoit. I knew it was going to be super special before the gameplay started and it informed me that it “is an interactive experience for human beings between 5 and 105 years old. Maybe it lasts six minutes. Maybe it lasts forever.” Then it asks you to pretty much abandon your mouse. Abandon my mouse?! Are you crazy?! But you do, because you trust it. And then you’re in the forest and the game says to you: “Go on, make your way. Stop to see the smallest things. No one’s waiting, no one’s keeping score.”

  10. Tamponrun-list-int

    Remember Tampon Run, the brilliant game designed by two teenage girls at coding camp to address inequality in the tech industry AND the taboo surrounding periods at the SAME TIME? It remains one of my favourite things we’ve every posted on It’s Nice That, so you can imagine my delight when Andy Gonzales and Sophie Houser, the brainboxes behind it, got back in touch last week to announce that they’d teamed up with a tech company to develop it even further and make it available as a mobile app, so you can kiss goodbye to your bus journey boredom.

  11. Featuringfeaturing-gottlund-6-int

    Y’know that dream of leaving London, forming a commune and living off the land? Well, creative studio Featuring Featuring has got it together and is doing just that. Designers on Holiday is an application-based escape, an opportunity to join a bunch of international designers working together to build a campsite that, once complete, will be run as a co-operative.

  12. Main

    All over the world funny and loving music nerds who appreciate whale song, birds tweeting, technology and pizza are crying “Yay! Panda Bear!” The American musician who is currently residing in Portugal has just launched a brand new website, featuring an animated interactive slideshow to accompany the fizzing echoes of the music he makes. Just one tap on your computer keyboard and you can fly through strange, sometimes seizure-inducing audio and visual clips put together by Patakk, Marco Papiro and Danny Perez, with a little help from Seen Studio. Not totally unlike the freaky tunnel boat scene in the 1971 film Willy Wonka & the Chocolate Factory, this cunning album promo is a perfect accompaniment to Panda Bear’s well-known and much-loved sound and vibe. You can read a really great interview with Noah Lennox himself over here on Pitchfork.

  13. List

    “Give me more digital gifts!” I always exclaim at Christmas. “Pack my stocking full of new and inventive coding experiments with a festive twist!” This year Ronai David, Damien Mortini and Aurelien Gantier heard my cry and put together Christmas Experiments, a digital advent calendar that reveals a new web-based treat every day throughout December. Each one is the product of a different developer and offers a unique take on Yuletide cheer. In one you’re invited to navigate a wayward orphan through a dormitory, avoiding the flash of fairy lights as you go. In another you’re Santa, tasked with navigating a gang of feckless elves through a complex floating maze where danger lurks around each corner.