ReadMe: A UX Email System
Designing a Modular Email System for Multi-Brand Communication.
About the Project
This UX design project was a bit different from a typical interface or product design. Instead of designing an app or website, we worked on the structure and visual logic of a corporate email newsletter.
In collaboration with another designer, we developed a modular layout system (composed of reusable content blocks) to help internal market team easily create and adapt newsletters across multiple brands. Our goal was to bring UX principles into email communication: clarity, consistency, scalability, and user focus.
Rather than producing a single static design, we created a flexible framework that could support different types of content while maintaining a cohesive structure, visual identity, and brand voice.
👩🏻💻 My Role
UX/UI Design
Research, wireframes, design system, developer handoff
🛠 Tools
Figma
⏱ Timeline
2 weeks
2025
Challenge
The primary challenge was ensuring that each brand's identity was subtly represented while keeping the newsletters uniform in structure and easy to navigate. Additionally, the design needed to enhance readability and engagement among employees.
Research
We reviewed past newsletters and spoke with the communications team to understand their main challenges. Based on that, we researched best practices in email marketing and UX design to guide our decisions around layout, clarity, and usability.
Pain Points Identified
The newsletters often included too much information, making them visually dense and hard to scan. As a result, many employees would overlook important content or stop reading altogether.
Design Decisions
We chose a modular block-based structure to make it easier for the team to assemble each newsletter according to the content available for that month. This flexible approach allowed them to add, remove, or rearrange sections without compromising the visual consistency or usability of the layout.
Solution
We designed a modular email layout with clearly defined content blocks such as headers, news highlights, employee spotlight, and events. Each block could be reused or rearranged as needed, providing flexibility for different content each month.
Since each brand has its own colors and fonts, this case study focuses on the wireframe structure rather than final visual styles. We also delivered the content blocks and the design system documentation to the developer, who implemented them in the company’s newsletter platform, E-goi.
What I Learned
➤ UX design principles can (and should) be applied beyond traditional interfaces, including communication tools like email marketing.
➤ Designing for email requires attention to technical constraints, such as rendering differences between email clients and mobile responsiveness.
➤ Creating a modular system helped bridge the gap between design and non-designer users, making the process more scalable and efficient.
➤ Documentation and clear design guidelines are just as important as the visual design, especially when the solution needs to be reused by others.
✦ Thank you for reading! ✦
Feel free to contact me
moniq.mca@gmail.com