← All work

Logo Update

In 2010, Formstack launched as a drag-and-drop web form builder. In 2018, Formstack acquired several companies to expand their digital offering. Now, Formstack empowers anyone to quickly and easily build custom forms, create documents, and collect eSignatures—all without code. In early 2019, Formstack needed to re-brand several companies to Formstack-branded products. I led a team of designers who worked closely with the Formstack executive team, creating a new identity for Formstack and its products. The building blocks of the identity are inspired by tangram shapes, with the idea of bringing multiple pieces together to create something new and powerful.

Challenge
After acquiring several companies, Formstack needed one identity that brought them together as Formstack-branded products.
Outcome
A tangram-based logo system, chosen from 100+ explorations, with product marks for Forms, Documents, Sign, and Sync, applied across the app, mobile, merchandise, and the office.
Client
Formstack
Role
Lead Design, Animation
Discipline
Brand & Product Identity
Brand Guidelines
Year
2019
The updated Formstack F logo mark in green

The original Formstack logo beside the updated logo Updated Formstack logo in green on light gray Updated Formstack logo reversed on dark slate Updated Formstack logo in white on black Updated Formstack logo in black Formstack Sign product logo with a purple pen mark Formstack Forms product logo with a green mark Formstack Documents product logo with a blue mark Formstack Sync product logo with an orange mark

Design Exploration

Before the Formstack team approached the Marketing team, they had clear ideas about the desired direction moving forward. The challenge was to create new ideas for the proposed metaphors and develop new ideas. We landed on the concept of tangrams and basic shapes to create a system and explored over 100 variations; below are some of them.

Animation of tangram pieces assembling into the Formstack F Sixteen F mark explorations built from tangram shapes, in black and color Eight tangram F explorations in black, green, and multicolor Nine stacked green F mark variations Product naming and icon explorations for Forms, Docs, Workflows, and Sync Formstack logo with a family of product icons: Forms, Docs, Sync, Salesforce, Workflow, Surveys, Sign, and Store

Application

New Formstack logo on a mobile splash screen and an App Store listing New Formstack logo in the web app dashboard Black tote bag with the Formstack logo Formstack logo frosted on a glass office door Black T-shirts with the large Formstack F and the logo