Matt Legrand

Post-industrial design

Previously

Right now

Also working with

Scroll please

Bubble

Head of Design, 2019 — 2020

Core product, “Maison” interface design system, website design/development, creative direction, project management

Redesigning Bubble, an incredibly powerful tool that enables anyone to design, develop, and launch powerful web apps without writing code, meant tackling an enormous collection of UI existing entirely in the browser, and creating a robust design system (dubbed “Maison”) to unify and govern these interfaces under an adaptive and future-friendly component framework.

Maison brings the Bubble editor into the cohort of modern design tools, and turns designers into entrepreneurs by collapsing the "mockup", "prototype", and "MVP" stages of product development into a single step.

Being bootstrapped over many years left the Bubble editor with a cumulative, inconsistent approach to UI, and heavy design debt. The Maison design system established a consistent and intuitive experience for the first time for over half a million users.

Light and dark modes were integrated from the beginning, which demanded a higher-order abstraction of element styles in the codebase and allowed for users to switch between the two without reloading.

The Maison framework allows the Bubble team to deploy new features faster, leveraging the flexbox-based layout and UI classification ruleset to display highly variable content, now and future, without technical overhead.

Maison shines in the Property Editor, the contextual panel that contains the majority of the Bubble UI and allows the user to modify every property of ther products' interfaces, workflows, and behaviors.

Common Sensing

Cofounder & Director of Design, 2014 — 2019

Industrial design, digital product design, quantitative user experience research, human factors & ethnography, product validation for FDA, consumer & B2B marketing

Co-inventor of Gocap. Patents held:

US20200027533A1
US10183120B2
US10695501B2

Gocap is a "Fitbit for injectable medicine", facilitating data-driven care for millions of people through a smart hardware product and companion smartphone app.

Common Sensing has succeeded in bringing a novel smart hardware device from concept to market in a difficult space. Our design-driven process and total focus on user needs, working directly with hundreds of users to discover and solve for pain points in the patient experience, forged Gocap into a product that users love and empowers them to take control of their own health.

While many objects that meet health needs are percieved as scary, unappealing, and unworthy of public display, Gocap's industrial design exists solidly within the topography of consumer wearables, and is an object that users develop affinities for and positive relationships with.

Gocap uses an array of infared sensors to measure dose data. This data is automatically synced over bluetooth to the user's smartphone, and shared with a healthcare provider in real time, where they can refine treatments and view population-level analysis.

The Gocap product experience includes the smart bluetooth cap, a companion app for Android or iOS, and the data dashboard for healthcare providers.

Unlike exclusively digital products, Gocap has constraints around iteration. Practically, manufacturing molds are expensive and time-consuming to revise, and since Gocap is a device intended to track important health data, each version of the product must be validated in a human factors study.

Collaborating early with hundreds of prospective users across a variety of user experience research studies let users dictate the product they actually needed and wanted, and solved for both health and business risks.

Working with a diverse user population uncovered novel needs that are often ignored. Over a third of prospective users had never owned a smartphone.

These users weren't familiar with the digital design paradigms and semiotics we've become accustomed to over decades, like gestural interaction and basic iconography. Typical design strategies for affordance wouldn't work here.

The app needed a novel approach to interaction design, one based on a new set of core principles:

  1. No navigational UI.
  2. One screen, one action.
    The app simply shows you what you need to see at the appropriate time.
  3. Zero reliance on iconography. All labels and buttons are text.
  4. Use color to create a sense of category and place.

This resulted in many permutations of screens, and an adaptive app that showed users only the exact information they needed at any given moment, even through up to twelve months of contextual education and engagement.

Products intended to improve health or carry sensitive data are often burdened by a lack of empathetic design. Design control systems in this space are usually good at mitigating risk, they often fail at producing experiences that people actually want to use. This, too, is the responsibility of design, and is directly tied to outcomes. If people use a product because they want to — not just because they have to — the product's efficacy and impact are much greater.