• 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. 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.

  2. List

    In April this year UsTwo ruined a gig I was at by letting me trial a new game due to be released the following week. I was supposed to be seeing one of my favourite bands but instead spent two hours tapping away trying to navigate a little princess through a geometrically impossible world. A couple of weeks later everyone was obsessing over that same princess.

  3. List

    Berlin-based design studio Edenspiekermann has just completed work on an impressive new digital publishing platform called Blloon that offers a subscription service for eBooks in a similar format to Spotify’s music service. The studio was given complete creative freedom to produce the UX and UI of the product as well as the branding itself, giving a beautifully coherent feel to the final result.

  4. List

    Full disclosure before I say anything about this new app: I’m terrible – TERRIBLE – at managing my personal finances. Wages come in at the start of the month, I pay my rent, bills and council tax and then I try not to look at my bank account until the next pay day. Sometimes there’s a couple of quid left, mostly I’ve plundered the depths of my overdraft. So I had a look at Pennies with a great deal of skepticism; it’s going to take more than an app to sort my money out.

  5. List

    The simplest ideas can often be the most powerful, and that’s certainly the case with Eight Inc.’s new work for Cancer Research UK. Tomorrowww is a browser plug-in that removes the word cancer from your online experience, a practical yet potent way of visualising a future when the battle against the disease has been won.

  6. 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.

  7. 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.

  8. 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.

  9. 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.

  10. 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.

  11. 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.

  12. 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.

  13. 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.