• 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

Editor-in-Chief Rob oversees editorial across all three It’s Nice That platforms; online, print and events. He has a background in newspaper journalism and a particular interest in art, advertising and photography. He is the main host of the Studio Audience podcast.

Most Recent: Interactive View Archive

  1. App8

    See Nothing can only really be described as a kind of digital zine, a curation of graphic design experiments, visual puzzles and interactive mind-games for iPad and iPhone which touch on the theme of non-visibility and seeing nothing. The app, created by the Italian graphic design studio Jekyll & Hyde, brings together the work of around 20 different graphic designers and illustrators, whose work for issue 3 of See Nothing centre around the idea of what we see, how we see it, and most importantly what we don’t see. Faceless figures, images that contort with a swipe of your finger, and hypnotic moving pictures are in abundance: this is an app where things are never what they seem.

  2. Main

    There was a great deal of coverage of the 9/11 Memorial Museum when it opened last week, and on the whole the arts and design press focussed on the architectural angle. But museums are (or should be) much more than buildings; and Brooklyn-based interactive design studio Local Projects was tasked with bringing this complex and controversial chapter in contemporary history to life.

  3. List

    Interstate US Studio Public Library have just finished work on an app that we’re very excited about indeed. 5 Every Day is a web and mobile platform that presents a curated selection of five daily events, exhibitions, activities and venues to explore in Los Angeles. All the research is done by the band YACHT, so you know their recommendations will be fun. Each list only lasts for 24 hours and then is completely refreshed, meaning every selection is unique and you won’t ever repeat your day’s activities.

  4. List

    For most of us the world of coding seems wholly impenetrable. We know how to navigate the internet and any number of applications but haven’t the slightest clue how they’re all built. In fact the very notion of building anything digitally seems frankly terrifying. But we’ve got news for you, it doesn’t need to be like that – digital technology is here to stay and it’s probably about time you got to know your front end from your back, your UI from your UX and your HTML5 from your CSS3.

  5. List

    If I’m honest I don’t give two hoots about the gaming industry in general. When I was a kid I lost two years to The Legend of Zelda: Ocarina of Time on the N64, and I still have dreams about playing it; the characters I met in Hyrule, the tragic death of all the Zoran people and the battles I fought repeatedly until every one of the kingdom’s races were freed from Gannon’s wrath. My sense of nostalgia for that time is palpable. But then I found that no other game offered me the same escapism and abandoned the whole experience for good.

  6. List

    It’s a challenge creative agents are very familiar with; how do you best showcase an eclectic roster of talent in way that celebrates the particular abilities of each while maintaining some measure of coherence across the agency as a whole? Well London-based Visual Artists has given a masterclass in doing just that by way of their brilliant new site designed by Yes Studio. The use of imagery – both still and moving – creates a vibrant, dynamic and enjoyable user experience, the perfect platform to shout about the skills of VA’s portfolio of creative excellence. I really like the pithy communication as well; short sharp bursts of information rather than self-indulgent artists’s statements are the order of the day and keep the overall look and feel very visually-led. Top work all round.

  7. List

    If – as the saying goes – simplicity is genius, then the gang over at WeTransfer are probably in line for some sort of grant. You’d think as the main partners for our summer symposium Here, they’d be pretty busy psyching themselves up for a day of creative insight and inspiration, but they’ve found time to create an app for their hugely popular file sharing service.

  8. Main

    Christmas is a time when us Brits break with tradition and make ham-fisted attempts to interact with our neighbours, leading to awkward evenings of cheap mulled wine and excruciating small talk. Luckily for us, one of our east London neighbours is ustwo, the digital design agency who combine high-tech brilliance with a wicked sense of mischief. The latest offering from their app game team (the same chaps who brought us the amazingly addictive Whale Trail) is Monument Valley, a stunning Escher-inspired game where you lead a princess through a beautifully-realised world of hidden paths and secret staircases. The teaser trailer and accompanying imagery are enough to whet our appetites and have us wishing away the festive period so we get closer to next year’s release date.

  9. Main1

    Interactive artist and conceptual maverick Rajeev Basu’s been involved in some unusual projects in the past, from illustrated commercial drones to a Facebook hack that turns your personal page into a mighty hawk. His latest offering is as tedious as it gets though, an anti-epic piece of computer-generated purgatory that sees you stuck in an endless queue with nothing but your own will to keep you going. Like Doom and its many derivatives you can jump and strafe to avoid your foes, but this time your foes really couldn’t give less of a toss about you and the only weapon you have to stave off trouble is your own fist… which you have to use to punch ourself in the face…repeatedly. Good old-fashioned fun to get you going on a Monday morning!

  10. List

    Designer and art director David Rinman is still just a kid, but at 22 he’s already produced more cool stuff than most of us could shake a stick at without getting really, really tired arms. The Swedish creative has just graduated from Forsberg’s School of Design & Advertising and moved straight into a job with 25ah, an agency specialising in branding and commercial strategy.

  11. Main

    New apps, new updates, new tech discoveries, none of those are really that exciting are they? They’re just things that happen in our modern lives that we have to get on with. That’s why when someone makes a really good promo with a beardy man in it for a really cool app that actually could make our lives easier, it sticks out as something we genuinely want to get involved in. In this case it’s an app that lets you unlock your computer just by knocking on your phone in your pocket. Imagine your phone is a tiny door of a party you’ve just arrived at. Imagine your phone is a trunk with a crocodile inside. Imagine your phone is the door to a teenager’s bedroom. You knock to unlock. Easy!

  12. Main

    Everyone’s always like, “Oh my god I would LOVE to run with the bulls in Spain!” when harping on about their bottomless bucket list. Really? Would you? After checking out this truly impressive interactive bull run that Volvo have set up, I think you’ll find yourself drawing a line through that dream and setting off to buy some new underwear. The idea behind the latest Volvo campaign is simple: attach cameras to the truck, the driver, the runners and the helicopter and hey presto! A bull run without bloodshed or underwear soiling, straight from the comfort of your own chair. How’s that for progress?

  13. List

    It’s always interesting to see online editorial platforms trying new and interesting ways of presenting their content to make full use of the digital experience, and we’ve written before about Pitchfork’s particular penchant for impressive visual journeys. In a slightly different media space, The New York Times is also keenly exploring different ways of bringing articles to life in the multimedia age, with their Snow-fall piece on the Tunnel Creek avalanche often cited as one of the best examples.