Over more than a century of leadership in the food and beverage industry, The J.M Smucker Company has expanded its range of products to maintain its relevance and address market demand. Today, the company leads numerous categories, with beloved products like Jif, Milk-Bone, and Folgers, which are the top choices of millions of Americans. By growing and diversifying their brands over the decades, Smucker has successfully weathered major shifts in consumer habits and technology. Today, though, CPG companies are experiencing unprecedented disruption, and leaders at Smucker understand that the escalating pace of change will require more than just new products.

Geoff Tanner, Senior Vice President, Growth & Consumer Engagement at The J.M. Smucker Company recognized the need to identify new market opportunities and establish practices that put innovation and growth at the heart of their business. And he saw the potential to bring those goals to life through his relationship with IDEO.

WATCH: Balancing innovation and efficiency through design has helped Geoff Tanner, Senior Vice President, Growth & Consumer Engagement at The J.M. Smucker Company, brave the unfamiliar, transform organizations, and ultimately bring game-changing ideas to market faster.

Geoff has stewarded a close partnership with IDEO for over a decade and throughout roles at numerous organizations. Together, Geoff and IDEO have worked on 25 projects, beginning while Geoff was VP of Marketing at Big Heart Pet Brands, and continuing on throughout his career at The J.M. Smucker Company. By working with IDEO to adopt a design thinking approach, Geoff has enabled collaboration across teams and empowered his organizations to find new ways of working that result in measurable business impact. For The J.M. Smucker Company, the partnership has brought creativity and human-centered design to the forefront of its operations, strengthening its ability to bring new products and brands to market and create a pipeline of growth.

WATCH: The J.M. Smucker Company has shifted to embrace growth and innovation as a mindset throughout the organization to bring more consistency to the innovation process.

Looking to the past to creatively connect with the future

As an example of this, Geoff and The J.M. Smucker Company suggested to IDEO that they explore how Folgers, America’s leading at-home coffee brand, might resonate more deeply with a millennial audience. Design research revealed that the mindset of today’s millennial coffee drinkers aligned with Folgers entrepreneurial brand roots. The teams collaborated to create a new concept: a brand called 1850 and an end-to-end, go-to-market product experience, including packaging, retail, and merchandise. 1850 hit shelves in 2018 and has since been reported by IRI Advantage as the top launch in the Coffee Category for 2019.

Frankly, I don’t think innovation gets any easier. You just get a little more comfortable with the discomfort, and that’s when the work starts to get consistently better.

Geoff Tanner, Senior Vice President, Growth & Consumer Engagement, The J.M. Smucker Company

Creating an innovation pipeline that’s inspired by consumers’ needs

With 1850 underway, Geoff and The J.M. Smucker Company continued to invest in human-centered design to drive new offerings. The next collaboration with IDEO explored how Jif, the iconic peanut butter brand, could extend beyond the jar and become more readily accessible and appealing to busy parents who want to feel confident about the snacks they give their kids.

The design team was moved by the challenges that parents face: They want the best for their kids, but struggle to choose between what’s wholesome and what’s convenient on a daily basis. The ideal foods are filling, nutritious, and energizing, but often take more time to prepare and aren’t backpack or carpool-friendly. On the other hand, more convenient options tend to be full of empty carbs. Based on this insight, IDEO and Jif decided to tackle the snack-time parenting struggle. The IDEO and Jif teams worked side-by-side to prototype multiple product ideas and formats and tested them with on-the-go families to ultimately create Power Ups.

Available at over 200 retailers worldwide and online at Amazon, Jif Power Ups make wholesome, delicious grab-and-go snacking possible for kids and parents alike, across products ranging from Soft Baked Bars to Creamy Clusters, which are filled with peanut butter and rolled in whole grain oats. All are made with peanuts as the first ingredient and contain no high fructose corn syrup. Since going to market in 2018, Jif Power Ups has been named the top innovation launch in the Snack Bars category by IRI Market Advantage.

Design thinking underpins everything we do.

Geoff Tanner, Senior Vice President & Corporate Officer, Growth & Consumer Engagement, The J.M. Smucker Company

WATCH: The J.M. Smucker Company is on a transformational journey, committed to three pillars of growth: Lead in the best categories, build brands consumers love, and be everywhere.

The J.M. Smucker Company has experienced accelerated growth and speed to market by testing bold new ideas and evolving the role of innovation at the company. Design thinking and consumer empathy have permeated the organization’s new product development process, making it easier to uncover sharp, human-centered insights that lead to thoughtful and uniquely differentiated brands in a competitive, ever-shifting, and overcrowded industry. The work has fueled Geoff’s vision to inspire a culture of innovation at the company so that it can move at the speed of consumers and remain a best-in-class family of brands for future generations.

It’s a Thursday afternoon in Oakland, California. A line of lunchtime diners snakes out the door of dosa by DOSA. Upon entering, eaters are greeted by the smell of tangy dosa—a large paper-thin crepe made from a fermented batter of rice and lentils—and sweet, spicy chai. Turquoise chairs pop against a floor-to-ceiling mural by Oakland artist Namita Kapoor that transports diners to Chandni Chowk, one of the busiest markets in Old Delhi, as if enjoying their food at a local vendor.

In 2003, Emily and Anjan Mitra spent their honeymoon in India, savoring the street food of Anjan’s childhood in Mumbai (often still called Bombay). After returning to San Francisco, they found themselves longing for those distinctive flavors and dishes. Realizing that most Bay Area diners had never seen nor tasted these foods, Emily and Anjan founded DOSA, an upscale, full-service restaurant that introduced the Bay Area to Southern Indian cuisine. Locals came to try the unique, plant-forward dishes, and left with satisfied bellies and a broader understanding of Indian culture.

The entrepreneurs envisioned a brand extension of DOSA: a counter-service restaurant that could scale nationally. The hospitality venture, called dosa by DOSA, would offer healthful Indian street food made from local and seasonal ingredients. Emily and Anjan also set out to expand their existing product line-up—including cold lassi beverages, simmering sauces, and grab-and-go-meals—to national grocers and retailers and needed launch-ready packaging that was convenient, eye-catching, and environmentally-friendly. The new expression would enable consumers to experience dosa by DOSA and Southern India in a variety of forms and places. Emily and Anjan partnered with IDEO to establish a cohesive and consistent brand experience, from the restaurant and to-go meals to retail stores and mobile delivery.

In close partnership with the founders, their staff, Feldman Architecture and MPADA, IDEO set out to bring dosa by DOSA to life and help it scale through brand, environment, and experience design. This included creating everything from the logo and packaging to the menu and operations strategy, with each element tying back to the founders’ vision of sharing Indian heritage and traditions through cuisine.

The group began by seeking cultural inspiration for dosa by DOSA’s brand identity system—the logo, colors, values, fonts, and messaging—to guide future designs. They were inspired by Indian truck drivers who decorate their trucks with garlands, signs, or flags that engage other drivers or bring luck. The dosa by DOSA logo design and its wood-cut typeface are inspired by the dimensionality of this homespun art form, while the vibrant, eclectic colors reflect the streets and textures of urban Mumbai.

The goal of opening people’s minds to Indian cooking and culture extends to the packaging, which meets customers’ needs and playfully educates them. The food containers—made from recycled and compostable material—feature brightly patterned labels reminiscent of the trucks. Some have built-in compartments suited to multiple dipping chutneys, making it convenient to sample a variety of Indian flavors. Paper tray covers resembling Mumbai newspapers offer eating tips like “Be civilized. Eat with your hands,” encouraging diners to experience an Indian custom.

The vibrant brand comes to life across an array of packaging, including cold cups printed with the phrase “thanda thanda pani”—meaning “cold cold water”—which comes from a popular Indian parody of the Vanilla Ice song "Ice Ice Baby."

To design the diner experience and restaurant environment in a way that invites curiosity about the culture and cuisine, the team started with diners: They identified key moments in their experience like entering, waiting in line, and paying. The floor plan, furniture, lighting, signage, and menu were designed around these touchpoints. For example, while customers wait in line, they can watch dosa being prepared, as if they’re eager and hungry travelers awaiting street food.

The dosa by DOSA menu includes distinctive items like coconut kale mung bean salad and hot masala chai made with caramelized milk—the way Anjan’s mother prepared it. To help the restaurant scale, the team created a preliminary furniture, fixtures, and equipment (FF&E) budget, 3D renderings of the space, and an operations strategy for the founders and their employees.

The dosa by DOSA flagship launched in January 2018 in Oakland, California. The IDEO brand guidelines have enabled the dosa by DOSA team to independently and easily shepherd new product lines to market, including salads, wraps, curry bowls, samosas, and simmer sauces. The brand’s packaged food launched in over 200 natural food stores in 24 months—including over 100 Whole Foods locations—as well as online retailers and delivery services like Good Eggs and Caviar. These items and the restaurant have helped Emily and Anjan realize their vision of bringing the flavor and spirit of Southern Indian cuisine to new communities around the world.

In recent years, due to shifts in Japan’s demographics, the food industry has faced challenges such as a decrease in market size and a shrinking number of producers. As a result, social impact opportunities abound in this field.

When Japanese software company NJC (Nippon Jimuki Co. Ltd.) approached IDEO seeking to identify new business opportunities that would build on the company’s core strengths, the food and agriculture industry rose up as a promising area of focus.

NJC is a well-established software company that has spent over 50 years helping to build backend business systems for small to medium enterprises. NJC works across healthcare, retail, and food and beverage, computerizing core processes to support and improve operations.

In partnership with IDEO, NJC explored its strengths and potential as an organization, as well as the ideas and visions of the employees, and emerged with the goal of using their capabilities to address large-scale issues facing regional farmers.

During research across Japan, local growers described challenges with multi-layered supply chains and analog systems, which led to “overwork for minimal profit,” as well as a gap between supply and demand. Because agricultural wholesalers lacked clear information in advance on the status of crops or the volume to be harvested, they struggled to negotiate with buyers, which led to wasted food On the other hand, the farmers who grow the crops are engaged in manual labor, and do not always have the energy to focus on business aspects such as efficiency or the pursuit of increased profitability, which leads to a diminished interest in farming among young people.

One question that emerged through research was why agricultural producers weren’t utilizing IT. This evolved into “How can profitability be improved for all stakeholders?” and, “How might we create a system that will provide useful data without creating a burden for either farmers or agricultural wholesalers?”

The result was fudoloop.

fudoloop is an app that enables farmers and wholesalers to conduct business more profitably by bringing transparency to the fluctuating produce market. Through fudoloop, wholesalers receive information from farmers a day in advance, and can coordinate the various requests of buyers, such as order size, production location and other special requests. As a result, wholesalers can function as “community managers,” doing business with both producers and buyers at a more appropriate price point.

NJC aims for fudoloop to be the first step in a cycle that brings value to all stakeholders, from farmers to wholesalers, retailers and even customers, by redefining the “middleman” role of produce wholesalers.

The population of Tokyo’s metropolitan area is twice as big as New York, and the daily influx of workers from the suburbs increases that number sixfold. Congestion on trains traveling through the center of Tokyo during commuting hours is said to reach somewhere close to 200 percent of the trains’ capacity.

East Japan Railway Company (known as JR East) is the world’s largest railway company by revenue, operating 12,000 trains daily and serving 6.4 billion passengers per year.

In March 2014, JR East leveraged their extensive operations and passenger data to publish a consumer app that provided train location information, congestion status, air conditioning temperature, and wayfinding tools.

The app was downloaded more than 3.8 million times; however, its features and usability proved unsatisfactory to users. In an attempt to be comprehensive in addressing passenger needs, the app was weighed down with data and worked sluggishly. Competitors’ apps were named above JR East in customer satisfaction surveys, highlighting the company’s need to address the tool’s usability.

JR East’s Technical Division approached IDEO to help design an attractive and consistent user-centered experience through its digital ecosystem. With a team of interaction designers, they launched a project to create a new version of their app.

During the research phase, the IDEO team observed passengers’ behaviors and decision-making processes and noticed that people were using several apps at once to get more personalized and complete information.

The team created a set of paper-based prototypes to test how users would react to various functionalities. Surprisingly, users ranked versions with limited functionalities higher than those with a broad range of features.

This insight informed a new prototype that enabled a customized user experience based on traveler needs. Wayfinding proved to be the most frequently selected feature, so the new app was designed around helping passenger navigate during their trips.

Although JR East had traditionally outsourced their app development, IDEO encouraged them to organize their own internal team. In cooperation with Pivotal—a frequent IDEO partner familiar with human-centered approaches—the internal team was trained in agile development and built the new app themselves. A prototype was released in November 2017 as “Go! by Train.” It was so successful in the market that the earlier JR East app was replaced entirely with the content of the new design.

JR East's internal development team was recognized by the company for their exceptional output, and will be integral to the company's human-centered digital transformation going forward.

Throughout all those years, from the machine shop to the digital shop, regardless of the technology we’re using or the problem we’re trying to solve, what has really gotten things done is ingenuity and creative thinking—especially in the face of dire cost and time constraints. A little bit of luck never hurts either.

So without further ado, here are my four favorite workarounds of my last decade and a half at IDEO.

2001: Using an Oscilloscope to save the sunroof

The challenge: The sunroof in your car is an invitation to luxury—catch some rays, feel the wind in your hair. The problem is, when driving at certain speeds with the sunroof open, a distinct and unpleasant booming noise can occur, making the experience rather less glamorous. The sound, a quick, repetitive thumping, is called “buffeting.”

Carmakers couldn’t figure out what to do about it. A luxury automobile company hired IDEO to find a way to make it stop.

IDEO’s workaround: My colleague Thomas Enders and I borrowed a brand new Mercedes-Benz and went for a ride! We brought along an oscilloscope (or “O-scope”) to measure the frequency and intensity of the sound waves of the buffeting effect at various speeds. With Thomas at the wheel, I held the O-scope, connected to a barometric sensor. This way, we were able to measure what was happening every time the buffeting started up.

What we discovered was that closing or opening the sunroof a small amount would change the dynamic of the air space in the car, and the buffeting noise would stop. So we designed a circuit that could detect buffeting and automatically adjust the opening of the sunroof to get rid of the annoying noise. Cruise on, in unimpeded luxury!

2002: Turntable-testing stylus materials

The challenge: Handspring, a company that produced hand-held PDAs (remember those?), looked to IDEO to find the best, most durable material to use for their stylus pens. We narrowed it down to a few polymers of various densities, but we had to figure out how to effectively test the materials for wear and friction over time.

IDEO’s workaround: We bought an $8 record player at the local Salvation Army, and replaced the needle with the various materials we were testing. Then we started it up and used a tachometer to track revolutions and measure distance and speed. Now we can brag about our DJ skills.

2012: Making the functional fashionable with paracord

The challenge: We worked with Vodafone and fashion designer Richard Nicoll to create a purse that could charge a mobile phone, while also being stylish enough to work the catwalk at the London Fashion Show. Part of the design was a small charm that hung outside the purse and flashed LED lights to signal incoming calls and text messages. We needed to find a coating for the charm that would protect the LEDs without being a fashion faux pas.

IDEO’s workaround: While we were brainstorming materials, I looked down at the bracelet I was wearing. It was made of paracord, commonly used for the strings of parachutes. Paracord is extremely durable, and it’s sold in a plethora of colors and patterns. We ordered a few strands online and found that we could remove the sheathing from the outside of the cord. We dressed the charm’s electrical cord with the sheathing from paracord, and voilà ! It gave the high-tech handbag a clean look and feel that was fit for the catwalk.

2013: Cooking circuit boards in a toaster oven

The challenge: Today’s electronics can be minuscule, and that means soldering up a printed circuit board (PCB) by hand can take forever. People who build a large number of PCBs use reflow soldering technology, but the necessary equipment is extremely expensive.

IDEO’s workaround: We decided that, given the type of rework electronics we do, it would be a good idea to tap into the mindset of the DIY community. Taking a page from their book, we bought a standard toaster oven. We fired it up and tested different temperature profiles and various types of solder paste, and soon came up with a working reflow soldering system.

Illustrations by Ina Xi

In my 15 years at IDEO, I’ve had a hand in roughly 130 projects. Some of the technologies I’ve worked on have become obsolete, like component research that required dozens of part catalogs (now, we just use the Internet). Many, though, have become the foundation for newer technologies, like discrete components, which were developed into MEMS sensors. And some, like the first Olympic torch to use LEDs rather than a flame, have been the very first of their kind.

IDEO New York developer Francis Tseng is—in his spare time—searching for a solution to the problem by exploring its root: the relationship between content and code. Tseng received a grant from the Knight Foundation to develop Argos*, an online news aggregation app that intelligently collects, summarizes and provides contextual information for news stories. Having recently finished version 0.1.0, which he calls the first “complete-ish” release of Argos, Tseng spoke with veteran journalist and documentary filmmaker Jason Cohn about the role technology can play in our consumption—and comprehension—of the news.

How would you describe to my mom, who just got her first smartphone, how Argos works and why it’s useful?

I’d say that it collects all of the important news and tells you exactly what you need to know about it. Instead of tracking separate publications, it pulls in new articles from a variety of different sources (right now, just a few major publications) and condenses everything into a set of bullet points. Argos uses a technique called “hierarchical agglomerative clustering” (HAC) to organize news stories. HAC takes each individual article and compares it to every other article, and comes up with a number representing how similar they are, on a scale of 0-1. If the similarity is above some threshold—say, greater than 0.7—the articles are considered to be talking about the same event, and they are grouped together into “event clusters.” The same HAC clustering technique is then applied to the event clusters to organize events into “story clusters.”

A sentence ranking algorithm generates a summary of each event cluster by analyzing the text of every article in the cluster and assigning an “informativeness” value to each sentence. It then takes the top five highest-ranked sentences and forms a summary. Right now I have a very simple version implemented, but the long-run focus will be on improving these core algorithms that do the heavy lifting.

Are journalists necessary anymore? Have I been replaced by an algorithm?

I personally don’t think that journalists will be replaced, at least not for a long time. Someone still needs to go out and do the research and the original reporting to get the information that the algorithm uses, which seems like the hardest and most valuable part of journalism.

It seems like some new tech applications derive from the recognition of a new technical capacity, which you then look for novel ways to use. In other cases, it begins with the recognition of a need, and you look for extant technologies that provide a possible solution. Which way did you approach Argos?

Both. I’ve always had a fascination with artificial intelligence, and that fascination has probably made me more sensitive to problem areas where AI approaches could be applicable. Personally, I find information overload, especially when it comes to keeping up with the news, really anxiety inducing and overwhelming, and I think because I was already familiar with some of these text processing techniques, it made sense to try applying them to this particular problem.

I’m glad you brought up information anxiety and overload. I think it’s a huge barrier to understanding the news today. There is so much information and analysis, but I don’t trust any of it, and I don’t know how to begin to get to the bottom of what’s really happening. Do you think Argos, or technology in general, can be an aid in this problem?

That's a particularly good example of the fact that there are different kinds of information overload. There’s one that is just about having too much information, but there’s another that is about figuring out which information you can trust. In general I would say technology has the potential to salve these kinds of anxieties, but it can just as easily do the opposite. More than anything, I hope Argos reduces the problem rather than adds to it, but one of the big failings I’ve felt with this first version is that it doesn’t accomplish that; it ends up generating more noise. Based on the feedback I’ve gotten, I'm looking at new designs and reevaluating techniques in order to rectify that.

What did you learn through building the first version that will influence the next one?

When I originally conceived of Argos, I was (and probably still am) naive about the extent of the issues that plague digital journalism. The more I looked into it, the more problems came up. Initially, the idea was about reducing information overload, mostly by supplying missing context to stories. But after completing this first version, I think that reducing overload and providing context might be really big and different issues. So right now I’m trying to determine how—and if—they can be solved simultaneously.

You mean because providing more context increases—by a lot—the amount of information a news consumer requires?

Exactly. The other main goal was increasing the understanding one got out of reading the news, which is what context is supposed to help with. But that’s kind of useless if all that information ends up driving people away from reading the news in the first place.

What changes are you planning for the next version of Argos?

In the first version the design was focused more on providing an experience similar to a traditional news publication or news reader. The app was organized around different feeds, or streams, presented as full-screen images with the title and summary of each event.

One issue was that the design wasn’t distinct from other news readers—you can’t really tell from looking at it that it’s offering anything different from a traditional RSS reader or news application. And it’s really hard to expect that every news story will come with a nice big image. Also, though, I think that in approaching the app as a traditional news publication, I missed the point of what I was trying to accomplish. The feedback I've gotten has helped me understand that Argos can have a more useful and unique place in being kind of a “daily scan” of the day's news events. So the new designs are more akin to brief updates about events around the world, to provide people with an entry or starting point for reading more and getting involved in discussions.

And you give them avenues for digging deeper into contexts and definitions?

Yes. The original source material is there to read, and context is optionally provided. You can choose to read more about the event itself, or about the people, places, organizations, etc. that are involved.

What about the issue of bias? As journalists, we’ve always had to be wary of our sources. And as consumers of news, it’s always been a good idea to assume that someone with an agenda is feeding reporters their information. How does Argos handle biases and opinions that are embedded in a story?

The issue of bias in journalism is one of those big problems that cropped up when I looked more closely at what I wanted Argos to do. It seems like a perennial issue. One potential solution is that, if you sample a large enough set of publications, bias might “average out,” so that any summary that is formed from their aggregate has less bias than any individual article. I don’t know if that works in practice though. My cop-out answer would be that Argos isn’t really trying to solve the problem of bias, but personally I hope that one day it can. Looking at the history and associations of the author who wrote the piece could actually be a very good technique. In the new version of Argos, I want to incorporate more community dialogue around the events and stories. In my experience, a lot of these issues about bias—being as complex and nuanced as they are—are best hashed out by individuals discussing them.

I think I have to disagree with you on that! My feeling about web comments on news stories is that they rarely shed much light relative to heat.

It is very difficult to pull off correctly. A lot of comments devolve into knee-jerk shouting matches. Occasionally, though, I’ve found something really insightful. On Reddit, sometimes experts will come in and succinctly explain things, and every once in a while you see a very levelheaded discussion about a story. I think the potential is there, but it’s hard to get it right.

One thing I’ve been focusing on is that I’m trying to get my hands mostly on reporting that’s coming from the field. The rest is just analysis, which, in my opinion, is more susceptible to ideological influence.

Yes! I have been thinking a lot about how to incorporate grassroots and community reporting. I’m dissatisfied with Argos’s current approach of relying on major publications, but it’s just easier at this stage.

Do you need to have content licensing relationships with news organizations to harvest the data or can you just… borrow it?

It’s possible this usage of the content falls under the terms of “fair use.” All the original articles are cited, and I’m hoping that these high-level summaries can interest people in reading the original posts. Since things are still quite experimental, I’m not worrying about the potential legal consequences now, but at some point I will want to talk to the publishers.

It seems to me that one really useful type of story for Argos is something like the lost Malaysian airliner. There was a big burst of real news when the plane disappeared, and then there was an endless cycle of conjecture and empty reportage with very little actual “news.” If you were following that story on Argos, would you avoid being updated every five minutes to discover that they still haven’t found the missing plane?

Yes, if the clustering algorithm works well enough, it should be able to recognize that these articles are talking about exactly the same thing as the ones from last week, so it’s not a new event.

It would be nice if cable news worked like that.

Maybe with Argos it will!

*Argos is a personal project of Francis Tseng's and is not affiliated with IDEO.

‍

Digital journalism has evolved to a point of paradox: we now have access to such an overwhelming amount of news that it’s actually become more difficult to understand current events.

Generative art, or art derived from computer code, is a relatively new format, in which the artist-programmer realizes a vision or idea by defining parameters and commands. But making generative art is, in many ways, just like painting or any other classical fine art.

When you create a painting, you start with an inspiration and sketch it on paper. You then prepare your oils, brushes, and canvas, and you refine the painting until it’s just right. I follow a similar process with generative art. When something inspires me, whether it’s a contour map in a geographic magazine, a chart representing a mathematical formula, or the various mechE tools in my father’s workshop, I sketch it on paper and jot down the keywords that best describe it. Then, I sit down at my computer and compose the code (using the Python programming language) that will “paint” the right “brush strokes.” I run the code to generate images on my computer, and go through multiple iterations until the code outputs the shapes, colors, opacities, and shadows that perfectly express my original idea.

I leverage the power of my computer to generate the artwork. Where a classical fine artist would pull out their oils and brushes to express colors and shapes, I do the same with parameters. For example, I defined a palette of colors for painting waves like this:

As if the computer was a hand holding a brush, I tell it how to paint by defining command codes, like draw_wave:

Delightful randomness

While most of the parameters in my code are set statically, I have also added an algorithm that allows certain parameters to be generated randomly, so the visual elements of the image change randomly within a defined range. This way, the final product is unpredictable; I’ll never know exactly what image will be generated.

This function returns a float number randomly ranging from 0.1 to 0.7:

The random parameters are not only unpredictable, but also non-reiterative, so these images cannot be recreated—they are completely unique.

Algorithm as art

Computer graphics are based on mathematics, so when I paint with code, I am exploring and visualizing the beauty of structure, abstraction, and complexity in mathematics that most of us don’t get to see in our daily lives. It often happens that when I play with a new algorithm and see the images it generates, I'm inspired to develop them into artwork, as was the case with Tsunami, below. The inspiration for this series came while playing with an algorithm named Cornu Curve, which generates a fantastic visual effect of crazy waves. From the same code, I made six different images using a combination of a hundred curves in varying opacities and shades of blue.

Unlimited complexity

Creating art with code allows me to make complex images that I could never have made by hand, such as All Seeing Eye, below. It is composed of millions of lines and hundreds of layers, and each line has its own shadow, blur, and opacity.

My goal was to use the complex texture to create the visual effect of catching or entrapping the audience in the “eye.” The computer is an exciting tool for creating art like this, which requires repetitive, intricate work. A piece of generative artwork composed of millions of shapes can be drawn in just a few minutes. Rendered by hand, the same piece might take a human ten years to accomplish.

Like a painter selecting the perfect tool, I used the following piece of code to define a “brush” with just the right characteristics to create the lines I wanted:

Then, just as a painter would use a specific gesture to create a certain visual effect, I used the following code to tell my computer how to hold and draw with the brush I created:

Functional designs

The exciting thing about generative art is that it is not only beautiful, but also usable. We can create new patterns and unique fabrics for the fashion industry, or we can move beyond two-dimensional creations and use generative art to make sculpture, furniture, and even architecture.

Creating art with code, I’m constantly making new discoveries of exciting visual possibilities. Computers have revolutionized countless aspects of human life, and now, generative art has the potential to revolutionize artistic expression, opening infinite space for innovation.

‍

By day, I code mobile apps and design digital experiences. In my free time, I create art. I recently began exploring both at once with generative art, a sublime combination of computer programming and graphic art.

Wild ideas emerged: a Hug Deli, where patrons might order Ninja Hugs off the menu; a mystery bar, serving up a drink chosen by the previous guest. The big idea was to get people out of their “thinking minds“ in order to freely create.

And that brought us to Fauxtobooth.

A riff on the classic photobooth we all know and love, this version is completely handmade and doubles as a creative confidence booster—forcing people to draw on a deadline.

How it works

The subject takes a seat inside the booth, facing a mirror. Thirty seconds after pressing a button, the subject receives a slip of paper through a slot below the mirror with—whoa!—a hand-drawn sketch of his or her face on it.

Um, how exactly did that work?

When the host brings the subject around to the back of the booth, the inner workings of the machine are revealed: table, chair, paper, Sharpies. The subject was actually posing in front of a two-way mirror and now it's his or her turn to take on the role of fauxtographer—of capturing the next unsuspecting subject.

How it's made

To make a full-scale prototype, you’ll need some foam core and tape. A crude model will help you get a sense of the dimensions and how long it would take to build. The massive black exterior offers an opportunity to advertise your offer. We used vinyl decals for our slogan: “Automatic portraits while you wait!“

Enlist friends: Building a Fauxtobooth takes a village (who likes to cut foam core alone anyway?).

Glue together pieces of foam core to provide structural integrity, and attach the parts using industrial strength velcro, making it possible to easily deconstruct and transport the booth.

Finishing touches

A few key elements bring the Fauxtobooth to life: a two-way mirror, a giant red “Start” button, and graphic flourishes:

• Two-way mirror: The artist can see the subject, but not the other way around. Position the Fauxtobooth under direct light on the subject’s side (you can also use a spotlight), and make sure the curtain is closed on the other side to completely conceal the artist.
• “Start” button: Program an Arduino to keep time (we used an interval of 30 seconds). When pressed, the button lights up for 20 seconds; for the last 10 seconds it blinks and counts down. This serves a dual purpose: the subject knows to hold still for their portrait and the artist knows how much time they have to complete the portrait.
• Graphics: IDEO designer extraordinaire Njoki Gitahi loves bold, vintage signs, and playful, typographic compositions. She took inspiration from Lou Dorfsman’s “Gastrotypographicalassemblage.“ The team vinyl cut and applied the graphics—a tricky process, but well worth it in the end. The white lettering creates a dramatic display against the black backdrop.

What we learned

Once we narrowed in on the Fauxtobooth concept, we realized that (1) you can capture the gestalt of a person in a very short time, (2) people have fun with it, and (3) the collection of images make for an awesome display wall. Here are a few other things we discovered along the way:

• Get back to basics. Building with common materials like foam core, tape, and Velcro reconnects you to basic skills and tools. And the analog experience charmed the pants off people.
• Velcro is your friend. Not only is the sticky stuff forgiving if you don’t get the alignment just right on the first try, it also allows you to disassemble and reassemble structures on location. Consider it the new duct tape.
• Fine-tune light and sound. We were able to position the subject’s side of the booth under a light and keep the artist’s side relatively dark. Check your space ahead of time and use a spotlight if necessary. Also, as the party heats up, the sound of the Start button may be drowned out. Turn up the volume!

Your turn

Up for the challenge? We put together a handy manual so you can learn from our mistakes. If you do build a Fauxtobooth, we’d love to hear about it. Send us a few (real) photos!

Download the replication manual and vinyl graphics

‍

There was a lot of work to be done. IDEO's New York studio was to host an event to celebrate Tom and David Kelley's new book, Creative Confidence, and whatever we designed had to reflect their ideas. Pressure on, we brainstormed over lunch—tools and sticky notes spread out across the largest room in our office.

I help organizations cut through complexity by shaping how they show up, through brand strategy, identity, and storytelling.

Working at the intersection of brand and business, I bring an editorial eye and a bias toward making—turning ideas into tangible experiences that people can understand, trust, and believe in.

My work spans government, healthcare, financial services, media, and consumer goods, from launching Gen Z-focused ventures to building innovation labs and reimagining legacy brands. I relish moments of ambiguity and enjoy translating across teams, perspectives, and priorities to move ideas forward.

I started my career in editorial and digital design, shaping cross-platform experiences and identity systems in publishing and agency environments. That foundation still shapes how I work today: I’m detail-oriented, collaborative, and overreliant on the Oxford comma. I hold a BFA in Visual Communication from the School of the Art Institute of Chicago.

For 25 years, I've asked the same question: Who does this design exclude—and what are we going to do about it?

My work spans human-centered strategy, inclusive design, and qualitative research, with clients ranging from Microsoft, Google, and Verizon to the National Science Foundation, and San Francisco Unified School District.

Before IDEO, I taught elementary school in East Palo Alto and spent a decade doing design work with social service organizations—where I learned firsthand what it costs people when systems are built without them in mind.

I am currently writing User Error, a nonfiction book about digital access and the design decisions behind it. I live in Oakland, California.

‍

My expertise spans brand, communication, and product design across tech, education, the arts, and social impact.

I believe great work demands both high-level vision and obsessive attention to detail, and only happens through collaboration.

I bring an inclusive, hands-on approach and a deep understanding of business, which enables me to consistently deliver excellence while always asking why.

Before joining IDEO, I worked at the brand firms Pentagram and VSA Partners. I began my career as a designer, leading teams at the School of the Art Institute of Chicago and the Milwaukee Art Museum. I hold an MFA in graphic design from Maryland Institute College of Art and a BFA in communication design from the Milwaukee Institute of Art & Design, and have taught at some of the best design schools in the US.

I am responsible for IDEO’s long-term success in China and working with clients to use design as a tool to enable growth. Specifically, I have helped Chinese companies design holistic brand solutions through the development of their products, communication, services, and innovation teams, and I have helped multinationals expand their presence and influence in China.

I advise global leaders on developing China-led innovation and capabilities.

In over 15 years in IDEO Shanghai, I have worked on projects that use design to elevate the quality of the experience of healthcare products and services, streamline processes that increase productivity, create spaces and programs that promote and enable inclusive communities, and build next generation mobility solutions that are planet-positive.

Before joining IDEO, I worked at Philips Electronics and the Electrolux Group in Italy, the Netherlands, and Singapore on a number of breakthrough commercial products. I am a member of the Young President Organization in Shanghai.

Most AI products today are built for work—a space with clear problems and established systems. One founder noticed a gap: personal life is messier, harder to systematize, and mostly left behind by the AI boom. So she built Cue, a personal AI that lives inside iMessage and group chats, to go where the other tools haven't.

‍

In this episode, Becca Carroll, IDEO's Chief Strategy Officer, talks with Sida Li, co-founder and CEO of Shared Context Lab, about staying anchored to a human need while the technology around her keeps changing shape, why she treats her business model with the same rigor she'd bring to a product, and what it feels like to build a company at this particular, disorienting moment in AI.

‍

The conversation also gets into how Sida makes design decisions: the language Cue uses to describe itself, the tradeoffs behind building inside iMessage instead of a new app, and a real story about a business idea that didn’t pan out.

‍

This is the second in a two-part series profiling founders from IDEO's Startups-in-Residence program. The first conversation is with Johannes Seemann, founder of Sooner, on designing GenAI for the emotional side of money.

Most personal financial tools are built to run the numbers and optimize towards a budget. While that works for some, most people experience money as a lived relationship that does not neatly fit into a spreadsheet. Johannes Seemann and Becca Carroll discuss why money is emotional before it is mathematical, and what a human-centered approach to building a generative AI financial product looks like in practice.

Mina Seetharaman talks with Scott Shigeoka, author of Seek and Head of Curiosity Cultivation at the Eames Institute, about what distinguishes genuinely curious leadership from performative curiosity, how power dynamics shape curiosity, and why practicing curiosity can restore energy rather than drain it.

Mina Seetharaman talks with David Epstein, author of Inside the Box and Range, about why total freedom often produces average work, how leaders can design useful limits on purpose, and what organizations such as General Magic and Pixar reveal about the relationship between boundaries and creativity.