Marc Bouchenoire

Detail-obsessed

Designing and building products, interactions, and APIs.

I’m currently living in Nantes, France and working on collaborative components—amongst other things—at Liveblocks.

Liveblocks

I started getting involved on the product engineering side with our DevTools extension, and it then became my primary side with Comments. I’m now focusing on the React layer of our opinionated products, from component APIs to default styles, from hooks to unstyled primitives, rich text editors, internationalization, codemods, and more.

Primitives.tsx
1import {
Composer,
Comment,
4} from "@liveblocks/react-comments/primitives"
5
6function CustomComposer(props) {
return (
  <Composer.Form {...props}>
    <Composer.Editor
      components={{
        Mention,
        MentionSuggestions,
        Link,
      }}
    />
    <Composer.Submit>Create thread</Composer.Submit>
  </Composer.Form>
);
19}

DevTools

Liveblocks.io

Before focusing on the product engineering side of Liveblocks, I was involved in many areas of liveblocks.io. From refactoring the docs and examples gallery to live in the public repo, to building multiplayer landing pages, interactive blog posts, advanced examples, and more.

liveblocks.io

Framer.com

As part of the site team, I worked on various aspects of framer.com. From rewriting it from the ground up using Next.js, Sanity and SCSS modules, to building interactive landing pages, search systems, custom hooks to orchestrate scroll animations, and more.

framer.com

Framer Motion

I worked on Framer Motion’s initial public release and its subsequent redesign. From drafting its branding to designing and building its landing page, using interactive examples to teach concepts like declarative animations and gestures.

framer.com/motion

framer.com/motion

Sketch Elements

I designed Sketch Elements, a UI kit built with and distributed by Sketch as a Library. It started out as a simple template to get started on a new iOS project but ended up heavily focusing on customization, showcasing advanced Symbols use cases.

Master’s degree

During my master’s in interaction design, I worked on language learning through the lens of immersive interfaces. My thesis focused on language immersion and some of its ideas resulted in a series of prototypes, exploring gestural interactions and other aspects of spatial computing.