Donut

Donut is a Web and Android app inspired by OmniFocus, that helps people collect and organize their tasks.

My work on Donut was on the design of the Android app (which was my first mobile app design project) + the design & dev. of the Chrome extension, that allows people to automatically collect all kind of information (dates, phone numbers, amazon links,..etc.) from their emails in Gmail, and add them as tasks to their Donut.


Android :

At the time of designing Donut, Google now had just launched and I was amazed by its design. So I tried to make a Googley header background, which eventually didn’t make it to the final design of the app – for obvious reasons :) .

Project View

The Project view has evolved through many iterations — due to its complexity (Folder/Project/Sub Folder/Sub Project..etc.) :

Project view – Iteration 1

 

donut-project-view-1
donut-project-view-2

Project view – Iteration 2

 

donut-project-iteration-1
donut-project-iteration-2

 

New task — Compose screen :

donut-compose
donut-compose-smallpopup

 

Other screens :

forecast
New version of the App – Forecast Screen

 

Anatomy of a Task :


The Task design also went through many iterations :


 

Chrome Extension :

Sign in process :

Once the Donut extension installed, and when it’s being used for the first time, a popup appears that helps people sign in :

 

donut-signin
Donut Extension – Sign in

 

donut-login-authorize
Donut Extension – Sign in – Authorize Gmail

 

donut-login-howtouse
Donut Extension – Sign in – How to use Donut

 

Gmail :

These previews represent how the Chrome Extension works inside GMail.

 

donut-chrome
Donut Extension – Gmail

 

Donut Extension – Options – Gmail

 

Donut Extension – Call a person example – Gmail

Amine Zafri picture

My name is Amine Zafri, I’m a product designer & web developer from Morocco. I worked previously at Facebook in London as a Product Design Intern, and I recently designed & helped build… more

↑ Back to top