Shafayet
All work

PredictaMail

An email marketing platform for ecommerce, built around three editors and a Shopify sync.

The PredictaMail marketing site, headline "Data-Driven Email Marketing Reimagined", with the campaign dashboard below it.
Built at
Debutify
Role
Frontend lead
Timeline
2023 to present
Stack
React, TypeScript, Easy-Email, esbuild, Shopify App Extensions, Node.js
Live
predictamail.ai

Ecommerce email tooling is solved for large brands and unsolved for everyone else. The platforms that work are priced for enterprise; the affordable ones hand a marketer an editor that produces email which breaks in Outlook. PredictaMail aims at that gap, and I led the frontend.

The problem

A marketing platform is not one product. It is three editors and an integration, each a different engineering problem wearing the same visual language — and the marketer has to move between them without noticing the seams.

The automation builder

A canvas where a trigger starts a flow and steps hang below it. Each node is a real thing with real configuration: a list subscription, a send with a chosen template. The constraint that shapes it is that someone who has never seen a flowchart has to read their own automation back and believe it.

The PredictaMail automation builder: a trigger node, a send-email node and an end node joined on a canvas.
A trigger, the steps that follow it, and the email each step sends.

The sign-up forms

A multi-step builder with its own editor — a teaser, the form, a success state, each independently styled, with A/B testing across variants and device previews. The output is embedded in a storefront the builder knows nothing about, so it has to survive someone else’s theme.

The PredictaMail sign-up form builder, showing the teaser step and a configuration panel.
Forms are multi-step, with A/B testing and per-step styling.

The email editor

Built by extending Easy-Email, with an esbuild pipeline so the editor ships as its own bundle. It is large and needed on one route; bundling it independently keeps it off every other page. The customization was in the block set, the theming, and the ecommerce-specific pieces — product blocks, discount blocks, brand defaults.

The PredictaMail email editor with a rendered email on the canvas and a structures and blocks panel.
Structures and blocks on the right, the rendered email in the middle.

What ties them together

All three editors are schema-driven. Each produces a document rather than markup — a flow graph, a form definition, an email tree — and rendering is separate from editing. That is what lets an automation be previewed, versioned and executed without the editor involved. The Shopify integration is what makes any of it matter: it syncs storefront activity so segments and triggers reflect what shoppers actually did.

The PredictaMail dashboard showing revenue, campaign and automation metrics.
The dashboard the other three report into. This is a fresh workspace, so every number reads zero.