Swingmail

Giving communication a clear mobile structure.

A mobile communication experience bringing important email and social messages into connected conversations.

My role
UX & visual design
Period
Earlier product work
Designed for
Email & social-message users
Mobilecommunication experienceConnected list, detail and response states
Clear hierarchycontent-first interfaceMessages remain central to the experience
Consistentsupporting visual applicationsA coordinated interface and visual language
AI leadership noteTurn a thread into a draft with traceable sources

Original approach

The design brings email and social messages into a shared conversation view, with account and channel choices available when composing a reply.

What could change today

Summarize a conversation across connected accounts and cite the message behind each commitment. Draft a response for the account owner to edit and send.

Workflow excerpt. The numbered steps show the same part of the journey in each version. The full project includes work beyond this comparison.

Original workflow

  1. Scan the list
  2. Open the content
  3. Respond or act
  4. Return with context

Proposed workflow with AI

  1. Scan threads ranked by commitments that need attention.
  2. Open the cited messages in the correct account.
  3. Edit the suggested reply and verify its recipients.
  4. Return to the thread with the sent reply in context.

How to test the change

Test conflicting dates, forwarded instructions and two contacts with the same name. Check account boundaries and recipient selection.

Anthropic: building effective agents

01 / Customer & problem

The need behind the work.

Who needed this.

People managing communication need to scan conversations, read focused content and move between related accounts with context intact.

The problem to solve.

Conversations can be split across email and social accounts. People need to find important messages, follow the exchange and reply through the appropriate account without repeatedly switching contexts.

Make the information structure visible through a connected set of mobile screens.

02 / My ownership

Responsibilities.

Designed the interface and supporting visual applications for Swingmail, connecting message, conversation and account states.

The constraint to work through.

Content density and quick scanning pull in different directions. Navigation must support focused reading without fragmenting the conversation.

The experience, as a connected flow
  1. Scan the list
  2. Open the content
  3. Respond or act
  4. Return with context

03 / Actions & delivery

How the work came together.

The design brings email and social messages into a shared conversation view, with account and channel choices available when composing a reply.

Repeated navigation and a restrained hierarchy connect the screen sequence.

The broader archive includes identity and promotional applications, showing the relationship between the product and its communication.

04 / Decisions & judgment

What carries through the design.

Design the sequence.

Related states show how users move through communication tasks.

Let content carry the emphasis.

A quiet interface hierarchy leaves room for messages and account information.

The experience in detail

A conversation across services.

The central product idea is continuity: important mail and social messages stay together so the person can read, respond and manage the connected accounts.

  1. Inbox → compose → conversation → reply → account

    Inbox, compose and reply states carry the conversation across connected communication services.

The experience in detail

Make consolidation understandable.

Prioritization reduces the inbox to important conversations. The merge flow shows how a person selects and combines the accounts that belong together.

  1. Prioritize → consolidate → merge accounts

    The merge flow connects account selection, consolidation and the resulting inbox.

05 / Results & business value

What changed through the work.

A consistent set of mobile interface states and supporting visual applications.

Why it matters.

The interface brings important mail and social messages into a shared conversation structure, connecting message review with account-aware replies.

06 / Reflection

Lessons for future projects.

Judge the communication experience by the transition between states, including how easily someone returns to the list after acting on a message.

Let’s talk about your next chapter.

Exploring Senior Director, Head of Design and VP opportunities.

Start a conversation