How to Create a Branded Survey?

What You'll Learn

By the end of this lesson, you'll be able to:

• Understand why branding is important for the survey-taking experience.
• Learn to use the BlockSurvey BrandKit to customize your brand assets and be consistent.

1. Why is Branding Important?

Branding gives a survey a consistent, recognizable identity from the first screen to the last. When the survey carries the brand's visual identity, respondents recognize who is asking, and they are more likely to take part and answer carefully. Branding also builds trust and credibility with respondents, which tends to improve data quality and lower the risk of survey fatigue.

A branded survey shows that the organization takes the work seriously, and that usually leads to better insights and clearer decisions. Consistent branding is what builds trust and loyalty over time.

BlockSurvey includes a Brand Kit to customize your brand assets and keep them consistent. Using the Brand Kit helps your surveys look more professional.

In BlockSurvey, to open BrandKit, go to Builder→ Settings→ Brand→ Brand Kit.

Brand assets could be any of the following items.

• Logos
• Images
• Fonts
• Themes
• CSS Properties
• Chart Color
• Social Links
• Custom Domain

2. Logos & Images

2.1. Logo

A logo is a very important visual element that supports your company branding. BlockSurvey lets you upload your own company logo to use in surveys. Make sure you upload a high-quality logo.

You can use the company logo in the welcome and thank you screen as part of your branding. The logo can also be used in survey questions.

By default, BlockSurvey shows a 'Powered by' label with the BlockSurvey logo, but when you upgrade to a paid plan, you can set your company logo instead.

2.2. Image

There can be many images that you use in your surveys, and you may use some of them often. The image can be a company picture, a CEO picture, an employee picture, or any other image used for survey purposes.

You can upload images using the settings shown in the screenshot below. Keeping frequently used images on hand gives you easier access, so you do not need to upload the same image multiple times.

Make sure the image you use is of high quality.

3. Fonts

Fonts are a very essential element in Branding. The font may be formal, fun, or casual as per the Brand requirement. The font says a lot about the nature of the brand.

Branding usually includes 2 to 3 fonts. Even if it feels inadequate, 2 to 3 fonts are all you need to make an engaging visual. This is to bring consistency in the usage of fonts.

Consistent font usage speaks a lot and brings trust and loyalty to the brand.

For instance, below are 3 BlockSurvey brand fonts in usage.

• Space Grotesk | Regular
• Space Grotesk | Medium
• Inter | Regular, Italic, Bold, Bold Italic

The headline font of BlockSurvey is Space Grotesk. The normal display font is Space Grotesk | Medium. The paragraph font is Inter.

It means that the font of the text you are reading is 'Inter', and the font of the heading of this section is Space Grotesk.

In the BlockSurvey builder, other than default, BlockSurvey has 40+ fonts for you to choose from. If your brand font is unavailable, you can upload it and use it for your convenience. Find the option in the screenshot to upload your font.

4. Themes

The theme represents the colors used for different labels and buttons used in the survey. The color is usually a primary color, a secondary color, or an accent color.

Usually, the primary color is used in 60% of the design. The secondary color is used 30%, and the accent color (tertiary color) is used 10% in the design. This balance between colors evokes engaging design. However, there are no tightened rules for this balance.

For instance, BlockSurvey has 4 unique colors for brand communication. It is important to reproduce the color as is without any modifications so that BlockSurvey's identity stays consistent.

The 4 BlockSurvey colors are listed below.

• Revolution Red (#FF2D17)
• Block Black (#171717)
• Web3 White (#FAFAFA)
• Privacy Purple (#7F95D1)

In the same way, you can use your brand color in surveys. If you don't have a brand color, you can choose a color of your liking that represents your brand's identity. If you are unsure what color to choose, you can get help from a professional UI/UX designer.

Per the screenshot below, you can add theme colors in the brand kit. You can set the color of the question, answer, background, button, and button text. You can also add a background image to the themes panel. Make use of the preview option before finalizing and saving the theme.

5. CSS Properties

CSS means 'Cascading Style Sheet'. CSS is responsible for setting the look and feel of various HTML elements on a web page.

Properties like font size, font weight, button height, button width, and button radius of elements can be modified with CSS. Also, the corner radius of the button can be changed.

You don't edit the code directly. A visual interface (see the screenshot below) lets you edit the CSS properties.

To add CSS, go to Settings→ Brand→ Brand Kit→ CSS Properties→ Add CSS.

CSS can be changed for 2 types of views separately, 'one question at a time' and 'classic' view. Similarly, CSS can be changed for both desktop & mobile views. The font sizes of the welcome screen, thank you screen, and survey questions can be altered.

This customizable feature is very handy for changing the look and feel of the surveys.

6. Chart Color

In the analytics tab, the statistics for each survey are displayed as a chart. The chart is either a Bar chart or a Pie chart.

The color used in the analytics chart is customizable. You can set up to 10 colors.

These colors can be changed by visiting settings→Brand→Brand Kit→ Chart Color.

In the screenshot below, you can see the option of customizing colors for up to 10 options.

Also, in the screenshot below, these questions contain 3 options, so the first 3 selection colors are applied to the bar chart options.

7. Social Links

Brand Kit provides an option to edit your social links.

To add your social links to the brand kit, go to Settings→Brand→Brand Kit→Social Links

The links can be entered for the social websites listed below.

• X (formerly Twitter)
• Discord
• Facebook
• LinkedIn
• Reddit
• Instagram
• YouTube
• WhatsApp
• Telegram.

All the links can be entered and saved under a specific social profile name. This social profile can be chosen at a later time for easier access.

These social websites' logos are displayed by default on your 'Thank You' screen.

8. Custom Domain

You can choose a Custom domain instead of a BlockSurvey domain.

By default, any form or survey you create will be published on the blocksurvey.io URL, but you can change it to something like survey.yourdomain.com.

Below are the steps to add your custom domain name.

• Login to the domain provider
• Go to DNS settings
• Create CNAME record
• Let CNAME point to links.blocksurvey.io
• Wait for DNS propagation
• Add your subdomain
• Choose Custom URL from Share Screen

Know more about setting up a custom domain.

Custom domains are used to white-label your surveys.

To add a custom domain to your Brand Kit, go to Settings→Brand→Brand Kit→Custom domain.

Test Your Knowledge

Key Takeaways

• Effective branding helps build trust with respondents.
• BlockSurvey provides a Brand Kit to customize brand assets.
• Custom domains are used to create a professional appearance.

Learn more: design more aesthetic surveys and explore all of BlockSurvey's branding features.

Congratulations! You have completed this lesson.