Blog Posts Process Management

The Origin of Flynn, the Flogo Mascot

Blog: The Tibco Blog

When I joined TIBCO, Project Flogo was in its early stages, and I had the chance to be the UI designer on the project. The presentation the team used to introduce Project Flogo featured an adorable gopher cartoon, which one of the main backend architects had playfully photo edited into a superhero outfit. I would later find out it was the Golang gopher, Google’s mascot for their language, Go, which Flogo is built in.

 

As a side project, the team wanted a cleaned up version of this to be the mascot, something that can appear on future presentations, shirts, stickers, and other swag. We were inspired by how much fun people had with the Golang gopher, and we wanted to inspire the same sense of community with our users. Unfortunately (or fortunately, in hindsight) a meeting with legal shut the gopher idea down since it tied too closely with Google. This launched us into an exploration of other creatures for the Flogo mascot…and it got a bit wild (pun intended).

image5

A flamingo was an interesting choice, and a play off of the Flogo name, since “Flogo flamingo” had a bit of a nice alliterative ring to it. After some visual explorations and the team committing to watching a full-length documentary about flamingos, (in the name of research, of course) we decided flamingos didn’t fit the characteristics of the project. This actually inspired us to focus on animals that not only sounded good with the name, but reflected the values of Project Flogo: lightweight, fast, and friendly.

image3

From there, options from ants to tardigrades were discussed, but nothing really resonated completely. Then, the lead front-end developer suggested hummingbirds. Further research by the team and input from a resident bird expert revealed that it was the perfect fit.

image2

Hummingbirds became the inspiration for Flynn because they are light — the lightest bird in the world, weighing less than a penny; and they are agile — the only species that can hover or fly backward (which is a nod to Flogo’s stepback debugger).

image4

We went through a couple rounds of iterations, aiming to highlight these qualities as well as incorporating a friendly quality to the mascot. We also wanted to bring in the open source aspect of the project. In the final rounds of mascot explorations, we started to hone in on the character of Flynn, as well as his name.

By collaborating with one of our marketing graphic designers, Flynn’s look was pushed to really embody the lightweight quality of hummingbirds, leading to the final mascot we are all familiar with now.

image6

Since his birth, Flynn has gone viral around the globe. It’s surreal to walk around offices and see him appear on laptops, T-shirts, and the occasional sock/tie. Even be featured as a wall mural. It’s pretty awesome to see that six months of hummingbird research got put to good use.

image1

See if you can spot Flynn in an office or workplace near you.

Explore the github-flogo page today.

Leave a Comment

Get the BPI Web Feed

Using the HTML code below, you can display this Business Process Incubator page content with the current filter and sorting inside your web site for FREE.

Copy/Paste this code in your website html code:

<iframe src="http://www.businessprocessincubator.com/content/the-origin-of-flynn-the-flogo-mascot/?feed=html" frameborder="0" scrolling="auto" width="100%" height="700">

Customizing your BPI Web Feed

You can click on the Get the BPI Web Feed link on any of our page to create the best possible feed for your site. Here are a few tips to customize your BPI Web Feed.

Customizing the Content Filter
On any page, you can add filter criteria using the MORE FILTERS interface:

Customizing the Content Filter

Customizing the Content Sorting
Clicking on the sorting options will also change the way your BPI Web Feed will be ordered on your site:

Get the BPI Web Feed

Some integration examples

BPMN.org

XPDL.org

×