Building Emailer Studio

Most email tools force a tradeoff.

Either you get a pretty builder that exports broken HTML…

or you get “safe” templates that look like 2012.

I wanted both: a modern canvas experience **and** production-ready output that survives Outlook and Gmail.

That product became **Emailer Studio**.

---

The problem

Building marketing emails is still painful:

So I built one product that covers the full loop:

**Create → improve with AI → score quality → send → track**

---

What Emailer Studio does

1. Drag-and-drop email builder

A visual canvas with reusable blocks so users can compose emails quickly without fighting raw HTML.

2. Production-safe HTML output

The hard part isn’t designing. It’s exporting markup that still renders correctly in real clients — especially Outlook.

3. Gemini AI generation

Users can generate drafts and iterate faster instead of starting from a blank page.

4. Quality scoring

Before send, the product checks whether the email is actually in good shape — so weak layouts and weak content get caught earlier.

5. Campaign sending + tracking

SMTP campaigns with open/click tracking, so creation and delivery are not disconnected workflows.

---

Why this is unique

A lot of portfolio “email builders” stop at UI.

Emailer Studio is different because it focuses on the **real email product path**:

That makes it feel like a product, not a component demo.

---

Tech stack

The architecture had to stay simple enough to ship, but structured enough to support auth, persisted projects, and campaign flows.

---

What users can do

---

What I learned

Shipping an email product teaches you quickly that frontend polish is only half the job.

You also need:

The best builders don’t just look modern.

They help someone go from idea → send with confidence.

---

Live demo

Try it here: [emailer-studio.vercel.app](https://emailer-studio.vercel.app/)

If you want the full story, open the builder, generate a draft with AI, check quality, and walk the campaign flow.