Lean Design Blog

Lean Design Blog

Web and email production workflow

Follow updates: Email Newsletter | RSS Feed

Screenshot of the visual editor interface for a website example.

Blocks Edit for websites

Use the visual theme editor to turn your HTML design into a content management system and collaborate on pages via drag and drop inline editing.

An example of editable content.

Blocks Edit update: instant editing

Importing any HTML now adds inline editing automatically so you can start making updates to content right away.

A screenshot of a modern form example.

Modern form design

Utilizing modern browser features to simplify the design process for forms.

Different examples of pages with forms.

Form essentials

Collecting different kinds of information from your visitors.

An example of a website contact form being edited in the visual editor.

Blocks Edit update: editable form fields

Drag and drop fields to build out a form that matches your brand and submits to any form processor.

Example code of the same design, one side coded with legacy email support, the other with modern techniques.

Modern email design

What to look forward to after the legacy Outlook for Windows rendering engine.

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.

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