For the socially-conscious, investing can be a tricky proposition. The same people who wish to vote with their wallets may find that their options for investment funds and 401K plans are rife with companies that violate causes they believe in. So far, there have been few options in the marketplace that give consumers the opportunity to put their money in financial products that not only cut out environmental and social offenders, but actually contribute to the well-being of the environment and society.

Dave Fanger, a financial professional, was determined to design a solution. He approached IDEO to help create a startup venture for socially-conscious investors. Pacific Life, a Fortune 500 financial services company and Fanger’s employer at the time, offered the resources to develop and launch the idea. The online impact investment platform gave consumers the opportunity to invest in high-growth industries that are addressing global, environmental, and social challenges. Swell rigorously screened companies for both impact and performance, so consumers could be confident that their investments were in line with their values.

A holistic approach

Embedded as core team members, IDEO designers worked alongside Swell’s founder to shape the company. In just one year, they went from an initial concept and prototype to an SEC-registered investment adviser with a fully developed business model, a digital platform with initial investors, and well-defined branding that set the look and feel of the values-driven company. The IDEO team helped to hire the initial team of employees, working to ensure that the fintech startup would have the creative talent it needed to operate post-launch, as well as a defined culture that would help it grow.

A new investment platform

From the outset, it was important for the team to build an innovative, digitally-fluent, and customer-centered platform to make it easy for investors to back causes they care about. Working in close collaboration with software development partner Carbon Five, Swell and IDEO committed to act nimbly, take risks, move fast, and ditch decks for prototypes. Understanding the motivations of the investor—their values and what drives their investment decisions—was key, so the team leveraged IDEO’s network to form a consumer council, which helped to quickly iterate and refine prototypes throughout the duration of the product development process. Having that core group involved every step of the way made it easy for the team to keep consumers at the center of the design and validate key decisions quickly.

Swell offered consumers portfolios of companies that work to solve some of today's biggest challenges. The six impact portfolios offered were: green tech, renewable energy, zero waste, clean water, healthy living, and disease eradication.

As of June 2019, Swell had attracted over 15,000 investors⁠—more than half under the age of 34⁠—and $35 million AUM. Nearly 40 percent of investors were making investments on a recurring basis.

Learning to code isn’t just about knowing symbols and syntax—it can help unlock kids’ imagination by inspiring them to build new things and interact with everyday objects through discovery and play.

With that in mind, Google Creative Lab came to IDEO to help with user experience and product design on their new coding tool for children. The result of the collaboration, Project Bloks, is a simple and interactive experience that teaches kids how to code using physical blocks. This establishes a new paradigm for learning computer science: it takes a language typically only understood through screens and keyboards, and makes it tangible.

Project Bloks was also designed as an open hardware platform, enabling developers and educators to build tangible programming applications that are innovative, educational and fun.

Kid-centered design

From the very beginning, how kids physically play and learn were at the center of the project. Designers quickly iterated using sketches, foam core, paper, Play-Doh, and 3D-printed models to see how slight changes informed children’s experiences. Understanding what deepened kids’ engagement, increased their curiosity and changed their behaviors drove the language, taxonomy, architecture, and physical form of Bloks.

Because play and physical building is an important way in which many kids develop skills, designers began with a set of blocks and sought to help them discover coding through tangible objects. Each block was given a specific function and shape, guiding kids to arrange, combine, and rearrange the blocks to create commands and control things like robots or speakers in the real world. Children could also create block patterns together by physically building on each other’s ideas.

An inside look at the design process. Video by Google.

Designing for early learners also forced the team to rethink how a new language could be taught. An early version of the blocks was based on how programmers typically code, from top to bottom. However, the team quickly realized that the orientation had to be driven by the child’s natural instincts. Given young children are just learning to read from left to right, designers observed that the switch in directions was too confusing and changed the arrangement of Bloks commands to go left-right in addition to top-bottom.

The final outcome of Project Bloks was an interactive coding kit comprised of three key parts - pucks, baseboards and a brainboard. The puck is a critical component that controls a command, whether it’s an on/off switch or the ability to move in a particular direction. It’s the piece that enables children to move from words to the world of graphics and play. The puck is easy to produce and can take an unlimited range of forms and functions, enabling the Bloks system to scale.

The baseboard reads the puck’s instruction and is activated when a puck is placed on top. The brainboard provides the power and connectivity. When hooked up to a baseboard or a chain of baseboards, the brainboard sends the instructions—turn left, jump, get louder—to a connected object, like a rocket or a speaker.

The boards can be rearranged, sequenced, and packaged however kids like, opening up a vast realm of possibilities. Children can code anything from a toy robot drawing a shape on a piece of paper, to a sensor turning on a fan when the temperature gets too high.

Enabling innovation for education

Beyond a tangible coding kit, what makes Bloks unique is that it’s an open platform. Educators, developers, and designers can build on it to accelerate new ways of teaching and exploring tangible programming. The platform can fit into various curriculums around the world. The pucks can take on different shapes and graphics. The material used can be fabricated by 3D printing.

The Bloks platform is a new vernacular that allows kids to interact with the language of code in a way that’s less prescriptive and more open-form, like a sandbox. And the more kids play with Bloks, the more opportunities they discover for what they can create with a little bit of code.

For students who are the first in their families to pursue higher education, navigating college can often feel like navigating a foreign country. Challenges like not having enough money or poor access to support services can make graduating an insurmountable hurdle. In fact, only 55% of these students in the United States end up completing their degrees.

To help change this statistic, IDEO partnered with Beyond 12, an organization that provides personalized, virtual coaching to first-generation college students to help them learn how to register for classes, apply for financial aid, and much more. The challenge was to scale Beyond 12’s successful coaching model using technology in order to benefit as many students as possible.

In 2014, IDEO designed the MyCoach app, with the goal of helping students take ownership of their education and feel in control of their future. After the early version of the app was named as a finalist in the prestigious Robin Hood Foundation College Success Prize, Beyond 12 piloted the product with 3,500 college students across the US. Following the pilot, Beyond 12 and IDEO went back to work, using the resulting insights and data to design the next evolution of MyCoach.

First and foremost, IDEO sought to develop a more flexible model for Beyond 12 to enable scalability of the offering. As some students need more support than others, a blended business model was envisioned to recognize the spectrum of students’ needs. Engaging in-app content forms a supportive layer that helps students get organized, stay on track, and learn the skills they need to stay in college, while students who need more hands-on assistance can connect directly with coaches. An invisible data layer works behind the scenes to assess student risk and dynamically tailor student support throughout the school year.

Once the app’s model was solidified, creating a user experience that compels students to use it became essential to its efficacy. Growing up with technology has reshaped how many students engage with the world, and tools like Snapchat have set a new dynamic for participation. Youth today are the masters of their own digital worlds, fluidly jumping between conversations, engaging with stimulating content and contributing their own perspectives. As a result, MyCoach needed to speak students’ language and to create content that was authentically youthful and effective in order to be effective. By drawing inspiration from popular social sites, digital experiences and games, the team designed a user experience that keeps pace with a digitally native state of mind.

IDEO Designer, Isabela Sá explains the approach that led to MyCoach’s design and content strategy, “We created an app that makes no distinction between content and utility. We borrowed the content-first approach of social apps like Snapchat and Instagram and used it to teach students the skills and strategies they need to graduate. With that, the digital experience became more human. The intricate system that we had designed to power the whole thing was hidden below the surface. For students, the app was just the means to learn how to help themselves and get in touch with a coach when they needed one.”

Development is underway for the next version of MyCoach, which will allow Beyond 12 to scale its offering to reach exponentially more students in need.

Coca-Cola is one of the world's most iconic brands. More than 5,000 people work at its global headquarters in Atlanta.

Back in 2010, Coca-Cola found itself at a major crossroads. As the company grew, it became clear that in order to stay competitive, any kind of campus renovation would have to take into account a vision of the future of how people work at Coca-Cola. Before the company hired architects, they came to IDEO to help design this important part of their 2020 vision strategy; ultimately the redesign would change the way the company works, plays, and profits.

Imagery courtesy of Coca-Cola, Gensler, and IDEO

For this method of animation, make sure to use only lines in your Illustrator file. The idea is to animate the lines across their own path, so the way you design them will play a big part on how elaborate your animation will be.

Watch this video for a quick step-by-step guide to animating lines in After Effects:

1. When your Illustrator file is ready, import it to After Effects. You can simply drag your Illustrator file to the Project area or go to File > Import > File.
2. Drag the imported file to the Timeline. It will automatically create a Composition.
3. Now you must turn your Illustrator file into Outlines that After Effects can control. On the timeline, right click on the layer and select "Create Shapes from Vector Layer.
4. The next step is to animate your outlines. For that, you will need to add a Trim Paths feature to your new layer.
5. On Trim Paths, use keyframes for Start/End to change when and where you want your paths to animate. If your file has multiple lines, you can choose to animate them simultaneously or individually.

This technique is a simple and effective way to create powerful motion graphics for storytelling, user interface behaviors, or even a simple animated gif. Hope you enjoyed it!

Adobe After Effects is one of my favorite tools for prototyping user interfaces, creating video scenarios to communicate a context of use, or simply crafting stories through animation. It's a tool that allows you to explore and visualize ideas, and there's no right or wrong way to use it. Here are a few tips for using After Effects to animate vector lines imported from Adobe Illustrator.

So, when the opportunity comes up, I like to turn off the computer and focus on creating artifacts. While an object is just a thing that serves its purpose until it’s tossed out, an artifact sparks an invisible conversation, a connection between the human who made it and the human experiencing it. Even something that people don’t think twice about, like an event name tag, deserves to be well designed.

That belief drove me to create a collection of one-of-a-kind name tags for a CoLab event. I wanted to make something with my hands that would bring a level of craft to our content. The tags served as the icebreaker for more than a few conversations, and reminded people at the tech-focused event that there's a human element to everything. Many attendees we reached out to a month later said that they still had the tag on their desks.

The process was simple, but arduous: I laser cut blanks, etched the names, spray painted each tag using unique colors and angles, and finished it off with acrylic screen printing ink to make the names readable.

Here's how I did it, step by step:

1. Creating the blanks

I designed the negative of the template so that I could later use it as a jig. I used 18 x 24 inch sheets of 3mm acrylic, so that with the name tags at 2.5 inches x 3.5 inches, I could fit about 32 comfortably in each batch (as opposed to 38 if I used all available space and threw away the negative).

Acrylic sheets tend to melt and then cool quickly in the laser cutter, leading to possible sticking, so I usually add about .2mm to my thickness settings to compensate (i.e. I was using 3mm acrylic, but put 3.2mm in the settings). There are two benefits: One, you guarantee that you actually cut through the sheet. Two, it also gives you a little bit of wiggle room so you don’t end up with hard to pick out joints.

Pro tip: The key to making the most of your acrylic is to leave space for future cuts on the same piece. Instead of designing my reusable jig with all the name tags in the center, I threw them to one side so that I could use the other end again. After I cut the jig, I could get 38 tags out of each subsequent batch because I could simply throw away the negative. Another bonus: When there’s excess acrylic on one end, you can always tell which side goes in which direction.

2. Etching the blanks

Once the blanks were cut, I needed to take the protective plastic off of one side, so that I had a clean surface to etch onto. I peeled the tags, slipped my template jig back into the cutter, and dropped the blanks into place.

The etch file is the same as the template jig, just with a red cut box around the perimeter of the file denoting the edge of the acrylic.

Once I had an etch file ready to go, all I had to do was push the file to the top left of the cutting area and check the focus points of the laser on the first tags on the first and second rows. Since the etch file is in the same grid form as the old cut file, everything is already spaced for me. The etch settings held ink best at around 74 to 76 percent power at 100 percent speed.

One final thing to note: We don’t want to cut anything (we’re just etching), so after setting my etch power, I set the cutting lines to 0 percent power and 100 percent speed, so we just blow right past them.

3. Taping the etched tags*

Once the blanks were etched, I peeled the plastic off of the back of the tags, then covered the etched side of each in painters tape to keep them clean.

4. Spraying the tags

After everything was taped, I slapped some aluminum foil in the vent hood and got to work spraying each tag. The process allowed me to bring out some of the old airbrush tricks my dad showed me as a kid, like holding a tongue depressor at a 60 degree angle in front of the nozzle to create thicker splatter. I used two to three colors for each tag, at varying angles.

I used Montana brand spray paints, and I definitely recommend using the BLACK formula. Over the course of the project, it dried on the acrylic within four and-a-half minutes, which is pretty insane. The GOLD formula was comparable, but my run of the mill Krylon paints took much longer, so it’s worth the extra bucks to buy Montana.

Pro tip: If you’re spraying a bunch of parts in a hood, aluminum foil is actually a great material for coverage as it tends to not stick to your parts like paper.

5. Sealing the tags and revealing the beauty

After the sprayed tags had dried, I hit the painted side with a couple quick coats of the Montana clear matte varnish so that they wouldn’t stick to each other. When everything had dried, I peeled off the painter’s tape—my favorite part of the project.

6. Applying the ink inlay

Next came the most time-consuming part: the ink inlay. I used speedball acrylic screen printing ink for its fast drying time, and how easily it wipes off acrylic. I liberally brushed and swabbed the ink into the etch using a Q-tip, then quickly wiped the excess off with a paper towel. Once dry, they were ready to go.

That's it!

*Imperfect process: I know what you’re thinking—why didn’t you just remove one side of the plastic before etching, spray that side, then remove it from the other side, then etch that? I did! After a few batches, I added the taping step because I noticed the spray paint was eating away the plastic coating that kept the paint off the front of the tags.

I work with CoLab, IDEO’s tech-focused R&D group. I’m also someone who’s committed most of my life to craft. Luckily, my day job allows me to bring the two together. But the minute you start making a living from your craft, problems start to surface. You get burnt out. You compromise your vision to deliver things on time. At that point, you're no longer transforming objects—you’re just pushing matter around.

I snapped this photo in the Amazon jungle town of Iquitos, Peru. A jar full of individually cut blister packs sat in the corner of a general store set up in front of a family’s home. By making individual doses available—not even a daily dose, but a single, one-time dose—more families were able to afford treatment for their ailments. In a community where money is very scarce, this family was filling a very real, pressing need that wasn't being addressed by local stores.

Human-centered design requires us to observe human behavior with beginner's eyes, so that we can spot the innate ways people interact with the world around them. We call these intuitive and unconscious reactions Thoughtless Acts, and IDEO designers collect photos of them to inspire their work.

6:20 AM: Snooze

6:30 AM: Sweep

Sweep. Make the coffee, water the succulents, check out a few new product curation apps and services the team has been talking about. While riding the bus across the Bay, I read about immigration patterns and how they affect consumers in North America. Staying inspired is part of our job, so I try to start each day with a healthy dose.

9:00 AM: Birthday shenanigans

Today is my teammate Julian’s birthday, so we surprised him with donuts and orange juice—his morning elixir of choice!

9:30 AM: Sketching and 3D modeling

My team’s current project is to reimagine the shopping experience for a large retailer. To prepare for a review with the team, I do some sketching and 3D modeling of in-store display concepts. We are a diverse and interdisciplinary bunch, so it helps to bring everyone’s ideas together through visualization.

10:30 AM: Design review with the team

We do team check-ins throughout the day, talking through our ideas to make sure we’re meeting user needs and pushing the integration of digital behaviors and physical environments. Today, we’re critiquing a bunch of sketches of critical shopping moments that we’ll prototype later. We’re considering how digital projection can add ambient information and subtle interaction to a physical display layout.

11:30 AM: Creating a physical study model

In preparation for our prototyping session in the IDEO Shop, we use a rough physical model to map out the experience of the future retail environment. A small-scale model lets us discuss all the ways shoppers might interact with a brick and mortar store—from browsing to comparison shopping, saving for later or checking out and having things shipped home. It’s helpful to keep our work quick and dirty, so that we have a model that lets the entire team walk through design points together.

12:00 PM: Julian’s birthday lunch

Continuing the festivities, we pop out of the office to get a bite of Scandinavian-inspired eats.

1:30 PM: Field testing and 1:1 prototyping

Time to refine the rough mock-up made in the office and rebuild it in a live retail environment. We wear jumpsuits to suggest how we want the client’s brand to evolve (and because jumpsuits are cool).

The prototype begins outside the store with a simulated mobile shopping experience that ushers shoppers directly to our redesigned displays. The point of the prototype is to test a store layout that could feel like an extension of a mobile shopping experience. Think curated themes, minimal options, and intuitive product comparison interactions. Turns out, some things they hate, some things they love, and a few things don’t make sense to them at all! All of that is great feedback for moving forward, by the rock-and-roll rules of prototyping. Achieving a realistic level of physical interaction while keeping the design at a prototypical level is key to getting honest feedback. We draw our insights from watching how users interact with the space, as well as their answers to directed prompts.

7:30 PM: Teach

My nightcap is heading to California College of the Arts, where I teach a class about physical space and digital interaction titled “Objects & Space.” We work with sensors, hack projectors, control motors, glue, and foamcore, and build our way through code, all in the spirit of figuring out what the environments designers of tomorrow might do.

‍

When people ask me what I do for a living, I say, “I use space to explore design solutions.” It might sound like I work for NASA, but what we environments designers actually do is consider how physical space influences human behavior. Much of my time is spent sketching, making models, building walls out of foamcore, miming, turning off the lights, rendering, and doing my best to break feng shui. Here's a breakdown of a typical day:

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.