À proposExpertiseProjetsParcoursBlogContact
Discuter
À proposExpertiseProjetsParcoursBlogContactDiscuter

Yao David Logan

Software Engineer fullstack spécialisé en SaaS, automatisation métier et plateformes web/mobile scalables.

NavigationExpertiseProjetsParcoursBlogContact
LiensGitHubLinkedInEmail
© 2026 Yao David Logan. Tous droits réservés.
← Retour aux projetsFullstack

MailCraft

Éditeur WYSIWYG de newsletters avec génération PDF et bibliothèque de templates responsives.

Fullstack Engineer2026Production éditoriale x3 sans designer dédié
Contexte2026

Éditeur WYSIWYG de newsletters avec génération PDF et bibliothèque de templates responsives.

Outil d'édition de newsletters professionnelles : WYSIWYG drag-and-drop, bibliothèque de blocs responsives, prévisualisation client (mobile, dark mode), et exports HTML + PDF en un clic. Conçu pour les équipes marketing qui veulent industrialiser leur production éditoriale sans dépendre d'un designer pour chaque envoi. Les newsletters sont testées contre les principaux clients (Gmail, Outlook, Apple Mail) via un linter intégré qui flag les incompatibilités avant l'envoi.

Périmètre
Fullstack Engineer · Fullstack
Stack
Next.js · React · TypeScript
Signal
Production éditoriale x3 sans designer dédié
ChallengeAvant intervention

Blocage identifié.

Produire une newsletter qui s'affiche correctement sur Gmail, Outlook et Apple Mail reste un casse-tête. Les éditeurs WYSIWYG du marché soit limitent la personnalisation, soit génèrent un HTML cassé sur Outlook. Les équipes marketing perdent un temps fou en aller-retours avec leur designer.

Risque traitéFullstack Engineer · Fullstack
ApprocheAprès livraison

Réponse construite.

Éditeur drag-and-drop construit en React avec une bibliothèque de blocs validés sur les clients mail majeurs. Le rendu HTML est généré côté serveur avec des fallbacks Outlook (VML pour les boutons, tables imbriquées). Un linter détecte les pièges (média queries non supportées, propriétés CSS interdites) avant export. Génération PDF via Puppeteer pour les versions imprimables ou les archives. Mode sombre testé via prévisualisation simulée. API de templates pour réutiliser les éléments validés entre campagnes.

Socle livréNext.js · React · TypeScript
Résultats

Impact mesurable

Les métriques donnent une lecture rapide des effets de l'étude de cas.

Compatibilité clients mail++60% vs avant
96%
Avant60%
Après96%
Temps de production+-67% vs avant
35 min
Avant105 min
Après35 min
Templates réutilisables
24
Après24
ÉvolutionProgression post-lancement
105530
AVANT105
M178
M252
M335
Architecture

Système livré

Une lecture simple des blocs fonctionnels et de leurs interactions.

Compatibilité mail92%
Vitesse production88%
Qualité rendu90%
Adoption équipe84%
Signal principalProduction éditoriale x3 sans designer dédié

Production newsletter divisée par 3 avec un rendu fiable sur Gmail, Outlook et Apple Mail.

Livrables
  • Éditeur WYSIWYG drag-and-drop avec bibliothèque de blocs
  • Génération HTML compatible Gmail, Outlook et Apple Mail
  • Export PDF via Puppeteer pour archives et impression
  • Linter intégré qui flag les incompatibilités client
  • Mode sombre simulé en prévisualisation
Stack
Next.jsReactTypeScriptNode.jsPuppeteerPostgreSQL
Démo publiqueDiscuter d'un besoin similaire
Collaboration

Passons d'un besoin flou à un produit livrable.

Diagnostic produit, architecture SaaS, backend, interface et automatisations qui rendent une plateforme exploitable.

Format
CDI, freelance, mission longue
Focus
SaaS, API, back-office, automatisation
Me confier une missionTélécharger le CV