Skip to content
Email Design

Messaging

Pantrypop delivery chat

A grocery delivery update told as a chat: the rider's messages, a photo bubble, the customer's reply and a typing indicator.

Start from this designOpens the project form with this design noted.
From
Pantrypop
Subject line
Malik is on the way with your order
Preview text
Your rider's messages, and your order arriving at 11:00.
Open the HTML
Pantrypop · Malik is on the way with your order

What’s in it

  1. 01Rider header with live status
  2. 02Incoming and outgoing bubbles with times
  3. 03Photo message
  4. 04Typing indicator
  5. 05Order strip and tracking button

How it stays email-safe

  • Bubbles are rounded table cells; corners fall back to square in Outlook for Windows
  • The conversation is a recap: replies happen in the app
  • Table layout, 600px wide, with Outlook ghost tables
  • Inline styles, with media queries only as an extra
  • Buttons with VML fallbacks for Outlook on Windows
  • Images with width, height and alt text
  • No scripts, forms or embedded video

One of many directions in Email Design: exploring what’s possible when email meets creativity.

Ready to make your emails look as good as your ideas?

Let’s turn your next email into something worth opening.