All work

Unlayer (YC W22) · 2022-25

Scaling a YC Product to Global Enterprise Standards

Editor UX, design systems, and AI integration for an embeddable email builder

User Research · Surveys · Journey Mapping · Wireframing · Screen Flows · Visual Design · Interaction Design

Editor UXDesign SystemsEnterprise SaaSAI

Overview

Trusted by companies like Netflix, Bank of America, and Fidelity, Unlayer is one of the leading embeddable email builders in the U.S. I helped modernize its core experience—refining the editor, accelerating innovation, and improving usability at scale.

Challenge

When I joined, the product had strong technical foundations but minimal design maturity. It had been built by developers, for developers. Studio attracted users, but revenue and long-term value were clearly in Embed.

Outcomes

  • Less Tickets — reduced support tickets around image resizing and editing
  • Discoverability — improved discoverability of controls
  • Intuitiveness — cleaner editing experience with fewer user errors
  • Scalablity — stronger enterprise credibility
  • Increased average ticket size
  • Clearer packaging of premium capabilities
  • Better alignment between product usage and revenue

Overview

Unlayer provides an embeddable email editor SDK used by major enterprises. When I joined, the product had strong technical foundations but minimal design maturity. It had been built by developers, for developers.

The company had two parallel directions: Unlayer Studio (B2C): A Canva-like standalone editor for individuals. Unlayer Embed (B2B): A white-labeled SDK integrated into enterprise platforms.

While Studio attracted users, revenue and long-term value were clearly in Embed.

My mandate was to take design ownership, define direction, and elevate the product to enterprise-grade quality.

Phase 1 — Defining Vision & Design Foundation

Before touching the UI, I worked with stakeholders to clarify product vision.

Through brand workshops and alignment sessions, we extracted a core direction:

Make email design accessible. Anyone should be able to design beautifully, without expertise.

From this, we defined:

  • Visual tone and product personality
  • Accessibility standards
  • UI principles
  • Foundations of a scalable design system

Phase 2 — Modernizing the Core Editor (Without Breaking It)

The editor was the heart of the product but it was fragile, developer-built, and complex. The engineering team was understandably protective.

Instead of proposing a risky rebuild, I introduced a low-friction strategy

Phase 1: Reskin and modernize

Phase 2: Improve interaction patterns gradually

Once visual trust was established, I began improving usability.

  • Refined typography and hierarchy
  • Fixed accessibility issues (contrast, states, consistency)
  • Standardised components
  • Introduced subtle micro-interactions
Editor ReSkin

Outcome

  • Less Tickets — Reduced support tickets around image resizing and editing
  • Discoverability — Improved discoverability of controls
  • Intuitiveness — Cleaner editing experience with fewer user errors
  • Scalablity — Stronger enterprise credibility

Usability Audit

I did a brief usability audit of editor when we joined the company and found some very obvious issues. I also did asked our in house power user to share their frustration they face in their daily usage. Also did some high level competitor analysis to see whats working for them.

Phase 3 — Designing AI Adoption (Before AI Was Easy)

Unlayer introduced generative image AI into the editor.

The problem: Users were not familiar with prompt writing. They treated it like Unsplash search typing short phrases and generating poor results. This caused: Low satisfaction, High credit burn, Increased infrastructure cost.

A classic UX literacy problem

My Approach to Solution — Structured Prompt Workflow. Instead of a single input field, I redesigned the experience.

This flow: User describes intent in simple language → System rewrites the prompt into an enhanced version → User chooses from refined prompt options → User selects visual style → Image is generated.

This flow: Reduced failed attempts, Reduced credit waste, Increased quality of output.

Phase 4 — Console & Monetization Strategy

As the company shifted focus fully to Embed, the Console became central.

The Console managed: Domain publishing, API keys, Templates, Team collaboration, Custom fonts, Feature controls.

Then, we introduced structured upsells inside the product: Locked premium templates, Custom domains as upgrade triggers, Team collaboration tiers, Custom fonts, Advanced features behind plan walls.

I restructured navigation and information architecture to support scalability and developer-first positioning.

Instead of aggressive paywalls, we used contextual upgrade nudges tied to user intent.

Result

  • Increased average ticket size
  • Clearer packaging of premium capabilities
  • Better alignment between product usage and revenue

Phase 5 — Studio → Embed Strategic Shift

Unlayer Studio (B2C) required heavy marketing investment and showed limited conversion.

Next

Let's design the next chapter.