03 / Email productivity
MailPilot
An assistant. With a human at the controls.
A review-led inbox concept that connects message context, priority and editable reply suggestions.
- Scope
- UI/UX & frontend prototype
- Contribution
- UI/UX design and frontend prototyping
- Tools & methods
- HTML / CSS / JavaScript / Simulated email workflows
01 / MailPilot
The challenge: attention spread across an inbox
Important requests compete with routine notices and newsletters. The design brings message review, prioritization and response writing into one workspace, with an explicit decision before any outgoing action.
02 / MailPilot
Context before composition
The documented flow starts with categorized sample messages, then opens a contextual review drawer. Original content, summary, intent and priority appear together so a draft can be assessed with its source in view.
- Searchable inbox and visible priority labels.
- A review drawer that retains the original message.
- Editable response suggestions and an explicit approval step.
03 / MailPilot
Human review is the product principle
The reply workflow is designed around editing, shortening, expanding, copying or discarding a suggestion. Approval is an intentional action. The concept does not imply that an assistant sends messages automatically.
04 / MailPilot
What the prototype represents
The supplied case study describes a standalone HTML prototype with seeded records and client-side state. Gmail authorization, synchronization and AI drafting are simulated. The referenced HTML source is not in the current asset package, so this presentation relies on the documented flow and supplied visuals.
A closer look
The interface,
in detail.
Original desktop workspace mockup, complementing the flat editorial and laptop views.
Inspect image (new tab)