Gmail® Plugin - 1 Week Sprint

UX/UI

RAPID SPRINT

UX RESEARCH

VISUAL DESIGN

DESIGN SYSTEM

A plugin designed (in 5 days) for creatives to manage tasks directly in their inbox.

Get in Touch:

zbaumel@gmail.com

443.807.1723

Panel UI

In a Design Sprint exercise, I conceptualized and designed a Gmail plugin for creatives to manage projects and tasks from their inbox. In 5 days, I designed a multi-view app where users could create and manage projects and associated tasks.

App core functionality outlined

Sketch Symbols - Nav

Cells/Tasks in various forms

Project "Cards"

Empty Tasks page with illustration, CTA, and pre-set content

Empty Projects page - a "Project Template" can be added here

Empty Lists page - Bright colors encourage action, blue = focus

Various cell-states for Tasks

Create/Edit a Task

Move Tasks between Projects/Lists

Projects - A great way to manage the flow and progress of client projects

Lists - A way to organize tasks, projects, and emails into groups

Menu - More options such as Notes, archive, and account settings

Mockup of app window on a tablet device

Desktop UI

I designed the plugin to be used directly in Gmail, without interfering with the user's vital inbox information. With the app window open, users could correlate tasks and inbox conversations with ease, turning messages into action items without leaving Gmail.

App opened in full panel view

App opened in small panel view

App actions added to primary actions bar

App opened in full panel view with no tasks added

Userflows & Wireframes

In 1 day, I created a list of user needs and explored possible user-flows based on my own creative and project management process. Then I created "shell" templates for each screen, filling them in with crucial functionality based on user-needs.

Sketch File Prep and Prioritization of Screens to design

Flow-map (happy-path) example for Installation and Onboarding

UX Research

In the Design Sprint exercise, on day 1 I invested time into mind mapping, user-research using data found online, competitive research, product conceptualization, and rapid wireframing based on my findings.

Notebook sketches, ideas, and organization models

Project Miro Board, for recording information, visualization, and collaboration

Freelance Designer User Persona

Journey Map to identify opportunities and frustrations