The Receipt That Reassures: A Visual Audit for Post-Purchase Emails
Photo by Photo by 2H Media on Unsplash on Unsplash
There is a strange gap in most small UK shops. The homepage gets a designer, the product pages get a photographer, the packaging gets a proofing session—and then the order confirmation arrives looking like a spreadsheet with a logo dropped on top. It is the email nobody designs, yet it is one of the most-opened messages you will ever send.
Think about the moment it lands. Someone has just handed over their card details. They are not browsing any more; they are checking. Did it go through? What did I buy? When will it arrive? The visual quality of that email is not decoration. It is reassurance. If it looks like an afterthought, the customer quietly wonders whether the rest of the operation is an afterthought too.
This is not about turning a receipt into a newsletter. It is about making the post-purchase message feel deliberate. Here is a sensible visual audit you can run without rebuilding your whole email stack.
Start with the first glance, not the first paragraph
Open the email on a phone with images switched off. That is closer to what many people see first than you might think. What is left? Is there a clear shop name, an order number, and a line that says what has happened? If the answer is a grey box and a broken image icon, the audit has already found its first job.
The logo treatment is usually where default templates give themselves away. A few things to check:
- Is the logo the right shape for the header, or has it been squashed to fit a rectangle?
- Does it have alt text that says the shop name, not
logo_final_v3.png? - Is it readable at 120 pixels wide, which is roughly what a phone will show?
- Does it sit on a background that survives dark mode?
A plain wordmark often beats a fussy logo in a transactional email. The customer is not being introduced to the brand; they are being reminded of it. Calm and legible wins.
Give the order number somewhere to live
People scan order emails for a few specific things: the order number, the total, the delivery address, and the expected date. If those details are buried in a wall of 14px grey text, the email is asking the customer to work.
Use a clear hierarchy. The order number should be one of the largest pieces of text in the email, not a footnote. The total should be aligned and obvious. The dispatch date should read as a sentence a human would say: “We expect this to arrive by Thursday 19 November.” Not EST_DELIVERY: 19/11.
A useful test is the squint test. Blur your eyes or step back from the screen. Can you still tell what the email is about and where the key numbers are? If everything has the same visual weight, nothing has any weight.
Contrast is not a legal nicety
Transactional emails are full of small print: delivery terms, returns windows, VAT numbers, company registration details. Small print still has to be readable. Aim for a contrast ratio of at least 4.5:1 for body text, and do not rely on light grey on white just because it looks tidy on your monitor.
Check your call-to-action buttons too. A “Track my order” button should look like a button, not a coloured word. It should have a clear label, enough padding, and a tap target of at least 44 by 44 pixels. If the button is the same colour as the background, it is not a button—it is a rumour.
The mobile layout is the layout
Most of your customers will read this email on a phone, probably while holding a cup of tea or standing in a hallway. Treat the mobile view as the primary design, not the squeezed version of a desktop layout.
That means single-column structure, generous line spacing, and body text at 16px or larger. It means no side-by-side tables that collapse into nonsense. It means the order summary does not require horizontal scrolling. And it means the most important line—what happens next—sits near the top, not after three paragraphs of brand story.
Dark mode is now part of the proofing round
In 2026, dark mode is not an exotic setting. It is the default on plenty of phones and laptops. Transactional emails are especially vulnerable because they often use logo images with white backgrounds, transparent PNGs that were never checked, and dark text that disappears into a dark client.
Send a test to a device with dark mode switched on. Look for white boxes around logos, text that vanishes, and buttons that lose their edges. If your template cannot handle it, simplify the assets rather than hoping customers will switch themes to read their receipt.
Do not forget the plain-text fallback
The plain-text version of your email is not a technical relic. Some people prefer it, some email clients show it, and some filters treat it as a signal. It should read like a person wrote it, not like a database export.
At minimum, it should include the shop name, the order number, what was bought, the total, the delivery expectation, and a clear link to track or manage the order. No one expects typography in plain text. They do expect the same information, in the same order, without being made to feel like they have stumbled into a server log.
A short audit you can run this week
- Send a live test order to yourself and open the confirmation on a phone with images off.
- Check the logo at phone width. Is it legible, correctly proportioned, and alt-tagged?
- Find the order number and total in under three seconds.
- Measure contrast on body text and buttons. Fix anything below 4.5:1.
- Test the dispatch email in dark mode. Remove any white logo boxes.
- Read the plain-text version aloud. If it sounds like a robot, rewrite it.
- Ask someone else to find the delivery date. If they hesitate, simplify the hierarchy.
The order confirmation is not the glamorous part of the brand. It is the part that arrives when the customer is paying attention. A few hours spent making it feel considered will do more for trust than another round of homepage tweaks. After all, the sale is not finished when the checkout closes. It is finished when the customer believes they are in good hands.
