01 / Communication UX
Email UI for a regulated financial platform
UX Designer & HTML Developer — MOEX / Finuslugi, Jan 2024 – Present
The context
Visuals are recreated with anonymised data — live product is at finuslugi.ru. Finuslugi is a financial marketplace inside the Moscow Exchange ecosystem — deposits, bonds, mutual funds, loans, auto and property insurance. I own the communication layer: every email a user gets from the platform goes through my hands, from layout in Figma to production HTML.
No drag-and-drop builders. Every template is hand-coded.
The problem
Fintech stakeholders want to put a lot of information in one email. A typical request includes a promotional offer, a data table with rates or bond yields, multiple CTAs, and legally required disclaimer copy that can't be shortened or hidden.
All of this has to hold on a 320px screen, render correctly in Gmail, iOS Mail, and a handful of niche clients, and pass compliance review.
What I built
I designed a modular template system — reusable blocks that cover the full product range. The same grid, type scale, and data-display logic works whether the email is a loan approval trigger, a mutual fund digest, or an insurance renewal reminder.
I've rebuilt it twice as the brand changed. The block structure survived both rebrands intact.
The hardest recurring problem is financial data tables on mobile. Bond yield tables, insurance coverage breakdowns, deposit rate grids — these are genuinely complex. I wrote mobile-first patterns for each: no horizontal scroll, readable at small sizes.
Legal copy gets treated as a real design element, not a dump at the bottom. Contrast, sizing, placement — it's in the system spec.
After systematizing the template blocks, new campaign layout time dropped from several hours to ~40 minutes for a standard email.
Implementation
Design and code are the same job here. I write the HTML/CSS, test across clients, and ship.
A specific edge case: internal corporate digests go to Outlook-heavy environments. I use base64-encoded images to bypass Outlook's external image blocking — otherwise half the digest renders blank.
Result
The template system handles any product vertical without starting from scratch. New campaign, new product, new legal requirement — the blocks adapt. Templates are deployed across a subscriber base of several million users. That's the actual goal.