The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Your product can look great inside the app and still lose trust in the inbox.
A lot of teams treat email as “just a template.”
But transactional emails are part of the product experience too.
Think about the moments when users receive an email:
🔹 Their payment was successful
🔹 Their order is ready
🔹 Their account needs attention
🔹 Their device has been unlocked
🔹 They need to take the next step
These are important moments. If the email is cluttered, confusing, or poorly structured, it creates friction exactly when the user needs clarity.
Good email UI should:
🔸 Make the most important information obvious
🔸 Guide users to the next action
🔸 Reduce unnecessary text
🔸 Keep the brand experience consistent
🔸 Work smoothly across different screen sizes
I’ve recently been designing a set of transactional + marketing email templates with this in mind, treating the inbox as another product touchpoint, not an afterthought.
Your product experience doesn’t end when the user closes the app. It continues in their inbox.
Do your current emails feel like part of your product or just automated messages?
#ProductDesign #UXDesign #UIDesign #EmailDesign #SaaS #B2BDesign #DesignSystems
The five moments listed are all state changes, not marketing content - that's the real argument for treating them as product surface rather than handing the templates to whoever owns the newsletter.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Rectio — Brand Identity
Brand Identity • Visual Direction • Business Cards • Mockups
A modern and minimal branding direction for Rectio, from visual identity to business card applications.
Created by Artonest Design Studio — artonest.design
Built a custom @Rive component for the About section of my agency site.
The lanyard and badge are fully interactive. You can grab them, throw them around, and spin the badge 360° to see both sides.
It doesn’t necessarily need to do all of that, but that’s kind of the point.
Small interactive moments like this can turn a pretty standard section of a website into something people actually want to play with, remember, and come back to.
Wow Work bro.
Our goal was to make pricing, inventory and ordering data feel simple and human for an AI-powered B2B commerce platform. We'd love to hear your thoughts!
Engaging background and nice gradient to not make the section look seprate 🔥
