Focus on content
The most important part of any campaign is the message it's communicating, the text itself. Your design system should include some guidelines around how content is produced.
A landing page is a standalone web page that potential customers go to when they click through from an email, ad, or other campaign. Landing pages serve a specific purpose in a specific moment of a campaign to a target audience. Here are some cases where you would want to take the landing page approach:
This guide is broken down into three aspects: design, content, and how to effectively share your design system within your organization.
A landing page should have a clear visual hierarchy and value proposition. Once a user is on your landing page, they are encouraged to take an action. It should only contain the amount and type of content that’s needed to prompt users to take the desired action.
Use this hierarchy and introduce it to your team as you design and build your templates.
Sections
Components
Regions
ContentA design system shouldn’t feel like something that stifles creativity. Don't make it too rigid, a certain level of hand-crafting is important. It should allow for greater creativity within a set of guidelines. The long-term benefit is that a designer can take greater care and give better thought to solving each solution instead of rushing to put together something that comes along.
The most important part of any campaign is the message it's communicating, the text itself. Your design system should include some guidelines around how content is produced.
Refer to your organization's current brand guidelines: a styleguide, logo requirements, etc. Any related design documentation that may be available.
Brand elements to include:
Use these general tips to develop the rules around your writing approach:
Static components answer the how. Guidelines educate on constraints: workflows, habits, and best practices.
What to have in your notes:
Show examples of how to be creative with structure. Encourage “off-roading” to evolve system. Consider examples from other organizations to help show ways to utilize a system without feeling boxed into a boring design.
Documentation as a web page is the best way to go when developing your design system:
Some examples of design systems presented as web pages:
This guide has been put together by the Blocks Edit team. Having a design system of reusable components for your organization to use, Blocks Edit makes your components visually editable. So anyone on your team can build emails and landing pages on their own while ensuring they are following brand guidelines throughout the process.
