Jackie Wijaya

STENCILA

File manager & Google Docs add-on

— PROJECT NAME

Stencila


— ROLE

Research

UX & UI Design

Development


— DATE

March–April 2019 (2 months)


— TOOLS

Figma

Visual Studio Code

HTML, SCSS/Sass

Python/Django



Stencila’s goal is to make it easier for coders and researchers to collaborate on reproducible research papers. I redesigned Stencila’s Hub file manager, and designed a Google Docs add-on for editing executable documents (e.g. R Markdown, Jupyter Notebooks).


I worked as the sole product designer in a team of 4 developers, including me and the CEO. I conducted end-to-end research, design, and development.

Stencila Hub: Files view

Stencila Hub: Files view, new menu

Stencila Hub: Files view, new folder modal

Stencila Hub: Files view, convert file

Stencila Hub: Files view, files list after conversion

Stencila Hub: Sharing view

Stencila Google Docs Add-on

Google Docs Add-on: Code blocks list

Google Docs Add-on: Code block edit

PROCESS

Here are some highlights of the project, including research insights and design iterations that went into the Stencila Hub redesign and Google Docs add-on.