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

If you live in an American city, big or small, there's a decent chance that Sanborn had a map (or a hundred) of your town. And best of all, the entire collection is open-source and available for download in high-resolution images. The Library of Congress database isn't exactly the easiest in the world to search, but keep at it.

I live in San Francisco and was curious to see how my neighborhood was depicted by these amazingly-talented, fire insurance bureaucrats. I was delighted to find this map that shows my San Francisco neighborhood—the Lower Haight—in all of its 1899 glory. The colored rectangles form a grid, each pointing toward another map somewhere in the Sanborn collection that zooms in for much greater street-by-street detail.

I kept banging away at the rudimentary search function on the LOC website and eventually located Map 306, which visualizes my block in the year 1899.

San Francisco is not the oldest of cities when it comes to architecture, and there was that little thing called the 1906 Earthquake (and subsequent fire), which destroyed a lot of the city as well. So I wasn't too surprised when I didn't recognize many of the buildings on my block. That said, it did get me curious: Were there any buildings that were visualized on the 1899 Sanborn map that are still present on my block in 2019? I decided to make a map to find out. See, being an ameteur cartographer is actually useful in 2019! Google Maps hasn’t ruined all of the fun.

First, I set about converting the Sanborn map of my block into a file that I could manipulate in Adobe Illustrator. The original map is a JPEG, which means that it contains pixels. But since I wanted to have the freedom to tweak the map as I saw fit, I needed to convert the map to a vector version of the file. Why? A vector file (which, instead of pixels, is all about math coordinates) can be scaled infinitely large. What's more, it's much easier to change the colors on a vector-based map or make other modifications that I might need to later.

I'd like to say that there was some fancy way that I converted the map. I could have tried a Live Trace, but with a map this detailed, I wasn't optimistic. So I just rebuilt the file by tracing over the Sanborn map layer with new lines and fills and strokes. Detail by detail. This was mostly an act of love and definitely not a fast process. I recently had a kid and this turned out to be a fantastic New Year's Eve activity as we counted down the tired hours till midnight.

One unique challenge I encountered — there's no clear font out there that replicates the Sanborn hand-lettering. I spent too much time with the Adobe Typekit database and landed on Zeitung. It's not an exact match by any means, but close enough to pass the squint test.

That’s the original map on the left, in all of its pixels glory. And that’s the vector file on the right, built from scratch. How'd I do?

Okay. With the Sanborn map from 1899 more or less created, I turned my attention to the 2019 version of the map. I needed a detailed lot-by-lot map of San Francisco. My first go-to in moments like this is the Stanford University Earthworks website. The search function works quite well, and it links to open source maps from lots of other universities (like Tufts). After a quick search, I located a lot-by-lot map for the Bay Area and opened it up in QGIS, everyone’s favorite free and open-source cartography tool! Here’s what I had.

Totally overwhelming and, not surprisingly, it was actually quite tough to even find my block in all of that detail. So I loaded Google Maps, entered our home address, created a KML file with that single data point, and added it to the QGIS map. Once I zoomed way in, there was our block and our loft (represented by that little purple dot).

As I’ve mentioned before, QGIS is a wonderfully-powerful mapping tool, but mostly the pits when it comes to designing anything that would measure up to the esthetic standards of the average designer. So I zoomed way in to just our block, then exported the file as a vector file and opened it in our old friend Illustrator.

What I quickly realized is that this lot-by-lot map shows the property lines for each parcel on our block, but not the actual shapes of the buildings that sit inside each lot. Although I was getting close, I needed to go a step deeper to actually match the detail of the 1899 Sanborn map, which shows the outlines of individual buildings.

I opened Google Maps again and toggled to the satellite view of our block. If you zoom in as far as possible, you can see the outline of individual buildings. It's not perfect—shadows must get projected in weird ways when you snap photographs from orbit—but this was starting to get more interesting.

I snapped a fully zoomed-in screenshot of each building on the block, then traced them one-by-one using the Pen Tool in Illustrator. Once I had the outline of an individual building, I pasted it into the spot where it belonged inside the lot-by-lot map I’d exported over from QGIS. Then I repeated this process 31 times, for each of the buildings contained on my block.

With the buildings in place, my next task was to figure out when they were built so that I could determine if any of them had been around back in 1899. After much poking around, I found this site from the San Francisco Planning Department that had exactly what I needed—the construction date for each of the 31 buildings on my block. Once I did the research, I discovered that three buildings can be found on the map in both 1899 and 2019, all of them clustered on the southwest corner of the block. One of them is my local bodega, home to Tiger the cat and famous (in the neighborhood) for the time that the Warriors eccentric three-point maestro Klay Thompson visited the bar to buy a bottle of Grey Goose. Super cool also to know that the building was built in 1890 and survived the 1906 Earthquake and Fire.

To finish up the map, I built out a key, borrowing inspiration from another Sanborn map visualizing neighborhoods in Honolulu, Hawaii.

Then I tweaked the colors, sticking to the Sanborn color palette, but borrowing some of the brighter colors found across the collection. I also added some polka dots to both maps to call attention to the three buildings that survived from 1899 to 2019. These last couple of tweaks are just two of the many benefits to working with vector files instead of pixels.

And voila, here is the final version of the map. What do you think? Now you can do the same for your city block.

‍

Do you have a few hours on your hands and want to head down a wormhole of unbelievably striking maps? Mosey on over to the Sanborn map collection at the Library of Congress. Originally created as a means for issuing fire insurance across major American cities, the quality of hand-drawn detail in these maps and the color palette used by the cartographers are stunning.

The role of an engineer on a product team may not exactly involve saving the world, but the scene has some origin in reality: Engineers and other team members often have to come together creatively to solve a problem, and they each have their own language and jargon for describing solutions. As teams practice leaner and leaner development cycles, the process of defining and agreeing on requirements, challenges, and solutions needs to be an ongoing conversation, where everyone comes away with a shared understanding and a feeling that their role’s needs have been met.

So how do you start that conversation, and keep it going successfully throughout the life of a product? Here’s a roadmap to get you started.

Start by developing a common language

Do some level-setting at the beginning of the project to agree on general terminology that everyone can understand. Sometimes, this piece can even be as small as defining your individual product’s features in a way that allows you to speak clearly about your product roadmap.

Early in a recent project, when we were going over wireframes, people were throwing around a lot of terms that referred to the same thing: Was a “folder” the same as a “collection”? What differentiated an “item” from an “object?” By coming together in the product’s infancy and agreeing upon these terms, we were able to define our system architecture and have meaningful database model names that we still use.

Share your vision for the product

Build in time to ask your team members how they feel about the product, and share your vision as well. Try to think outside the smaller details of what everyone’s currently working on, and find opportunities to share thoughts and feelings about the product at large. You might be surprised to hear that an engineer is anxious because they’re worried that the latest feature build is getting way more complicated than they originally planned, or that a designer is excited because users have been clamoring for the feature you’re working on. These small, casual interactions build a sense of trust and shared knowledge about the larger vision that each functional team has for the product as a whole.

Leverage disagreement to come together

It can often feel like product managers, designers, and engineers are at odds with each other. Between wanting to meet deadlines and stakeholder needs, pushing for a joyful and user-centric interface, and working toward robust and uncomplicated code, things can get tricky. The key is to take this source of potential conflict and turn it into a shared learning opportunity. Make sure that every side is not just arguing for a solution, but actually communicating the “why” of a solution. If an engineer understands the user research and decision-making that went into a proposed feature, it will help them communicate all the possible solutions that can meet that particular user need, and then the team can prioritize and make better decisions.

Find opportunities to translate for each other

This opportunity often presents itself when you’re integrating new members onto the team. For example, new engineers with fresh eyes often want to jump in and optimize and uncomplicate things. While that can be a good thing, there may be situations where the more experienced team member needs to explain the design decisions that led to certain features being a certain way—and suddenly the engineer is empowered to speak for the UX designer because they understand the shared vision.

Once you find your conversational rhythm, you’ll find that team members begin to understand each other’s roles better. Because the designer now understands why the engineer pushed back on a certain complicated feature, and the engineer understands why users have been wanting a different feature, both roles on the team are now better equipped to advocate for each other and push toward a common goal—whether that’s defusing the bomb on the bus, or building a successful product.

Illustrations by Cassandra Fountaine

We’ve all seen the action movie trope where our hero needs to defeat a ridiculously complicated doomsday device, and the plucky engineer has to explain how to reverse the polarity or engage the spatio-temporal hyperlink. The hero inevitably responds, “In English, please?”

Work friends are very important, and different types of work friends can fill different needs. We’ll cover three: the confidante, the inspiration, and the frenemy. Understanding how and why you relate to these people will help you commit appropriate mental resources to developing workplace relationships that can bolster your motivation (and maybe even help get you out of bed on that Friday morning).

1. The confidante

This is the work friend who will commiserate when you’ve had a rough conversation with your boss, rush you to the bathroom when you’re about to cry, and give you honest feedback when you need it most. Confidantes make us feel like we can conquer the world—or at least ace a presentation and finally ask for that raise.

But these days, it can be tough to find a confidante at work. Because we tend to switch jobs more frequently, it can be hard to invest as heavily in workplace relationships. To counter that and find your confidente, start by building trust and sharing stories with a coworker you gravitate toward. Or initiate a get-together: People who provide social support to others—by organizing an office event or inviting colleagues to lunch—are ten times as likely to feel engaged at work than people who keep to themselves, says Shawn Achor, author of Before Happiness.

2. The inspiration

The inspiration is your platonic work crush: you don’t want to be with them, you simply want to be them.

This person can either be a colleague you deeply admire or a formal mentor. You probably could've guessed this, but mentors can help improve job satisfaction, teach us how to be effective leaders, and steer us towards the right career moves.

“They’ll bring a field to life for you. They’ll teach you how to find quality material in that field,” advises economist and author Tyler Cowen.

Pro tip: The best way to find a mentor isn't to ask, “Will you be my mentor?” but to start by asking someone for specific advice, then slowly work toward building a relationship.

3. The frenemy

We tend to choose friends who are similar to us, especially at work. But the more we have in common with someone, the more likely we are to compare ourselves to them. The frenemy is both our friend and our benchmark within the organization.

Another pro tip: Don’t feel guilty about experiencing the occasional twinge of envy! Frenemies account for almost half of all important members of our networks.

While frenemy relationships are linked to greater stress, they also motivate us to work harder. In a survey of consultants, those who had a frenemy made more of an effort to succeed and network. Leverage the positives of a tricky relationship by partnering on an important project; you’ll try harder to prove yourself and might end up with a real friendship.

But even the best work friendships have a dark side. Sometimes being close with our colleagues can leave us emotionally exhausted. Managing relationships we care deeply about while giving critical feedback or rushing to meet deadlines takes effort. Talk to anyone who has worked at a startup where coworkers describe themselves as a family, and you’ll inevitably hear how tiring it can be.

And for every friendship, there is also someone outside the friendship. The closer the relationship between two colleagues, the more others might feel left out, even if the friends aren’t actively excluding anyone.

Here are some concrete ways that you can engage with people at work to reap the rewards of having solid work-friends:

• Go for quality instead of quantity. High-quality connections don’t necessarily require deep or vulnerable relationships. Small moments of connection full of trust and engagement can be the beginning of something larger.
• Prevent silos from forming. IDEO structures all of its teams to include designers from different disciplines so each team is cross-functional. Our San Francisco office also has a ritual called tea time, in which people are invited to take a break from their work and mingle with people they don’t work with directly.
• Don’t rely on social events. Studies show that work parties aren’t always effective at helping people make friends. “People don’t mix much at mixers, and at company parties, they mostly bond with similar colleagues,” says Adam Grant.
• Spend casual time together. Google and Facebook plan times for employees to play games and eat meals together. At LinkedIn, the whole family can get in on the fun during Bring Your Parents to work day.

This post was adapted from Mollie and Liz's book No Hard Feelings: The Secret Power of Embracing Emotions at Work.

Choice, meaning, and opportunities for learning all make work more enjoyable. But on rainy Friday mornings when we’re low on sleep and irritated with our managers, research suggests our real motivation isn’t a what—it’s a who. People with friends at work find their jobs more satisfying, and are less affected by stress.

It's my first few hours in Bangkok, and by looking around the train, I can tell it's rainy season. Thin raincoats cover suits, and young mothers juggle both sunglasses and umbrellas.

As I exit the train, I look up, count to three and speed through a very thick rainstorm toward my Airbnb. After a much-needed nap, I open my eyes to a completely different climate. I peek through the shutters of my room and see an indigo sky, birds flying, and I am feeling the heat.

I pick up my fanny pack and leave the Airbnb immediately to explore the neighborhood. On a quiet side road, beside the fence of a wood craftsman shop, a thick black piece of tarp covers a corrugated fence. It’s held in place by a clever set of weights—filled plastic water bottles.

It strikes me that such an old trick can be found everywhere across the world. I start to wonder how can these four small bottles make it through such heavy, rainy days.

I stop to stare at a man approaching me. The woodchips on his shirt make it seem like he must be heading out from the shop nearby. He whispers something, unties a couple of bottles, and brings them to the shop's outdoor sink. These short bursts of sunlight heat must dry the water in them pretty quickly, I thought to myself. Regardless of the one million square meters of water falling over Bangkok each September, nothing beats the strength of a tropical sun, and the dedication of an old craftsman to keep his work tools dry.

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.

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.