Lean Design Blog

Lean Design Blog

Email and landing page design and content workflow

Follow updates: Email Newsletter | RSS Feed

An example of two types of designs that utilize size, scale, density, and weight differently.

The design of a design system

Maintaining your design system and keeping it creative.

An illustration of example design system components broken down.

Rolling out your design system

Auditing current patterns and workflows and having your team join in the process.

An illustration of the pieces of a design system: colors, photos, components, and code.

A primer on design systems

Why you should have one and the main aspects that should be included.

Examples of different landing page designs.

The landing page approach

Even if you don't advertise, the landing page format is useful for more focused messaging and goals for your website's pages.

Saleforce Content Builder screenshot with a cross over it.

Salesforce content editor alternative

Building emails and pages using a visual editor that connects to Salesforce Marketing Cloud Content Builder and CloudPages.

Examples of some landing pages.

5 core landing page techniques

How to ensure your landing page seamlessly ties in with email marketing.

An example of an email, and its landing page.

Emails with landing pages

The most effective way to gain audience interest, and conversions.

A collage of different kinds of marketing emails.

54 marketing emails to send out

Have all your bases covered by referring to this list of email types, with usage summaries and design examples.

Some examples of the components included in the Starter page boilerplate template.

Starter page boilerplate

Our open source skeleton template that uses modern HTML and CSS code techniques as a starting point for developing custom landing pages.

Screenshot of the visual editor interface for a landing page example.

Blocks Edit for landing pages

You can now use the visual editor for editing and building static pages, with the same simple interface and collaboration features.

Abstract icons of 15 commonly used email design patterns.

Starter email components theme

Featuring 10 standard email templates built from common design patterns that come from referencing hundreds of real-world emails.

Different examples of newsletter emails.

Newsletter email essentials

Newsletters are by far the most popular type of email sent out, meant to keep your readers in the know with news and updates.

An illustration of the Blocks Edit editorial workflow: content creation, editing + review, design changes, review + approvals.

How to: team editorial workflow

The content review process in Blocks Edit and how your coworkers can be a part of it.

Different examples of engagement emails.

Engagement email essentials

Loyalty program notifications, product recommendations, and triggered emails for keeping customers engaged.

A screenshot of the Blocks Edit visual template editor with an example template.

How to: the Blocks Edit template format

A single HTML page consisting of modules with placeholder content.

1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Next