New Email Design

E-Posta Tasarımı

About this lesson

In this learning content, we will create a sample Email design for end users using the Email Builder module. Within the scope of the sample Email design, we will create a design that will communicate the big idea of the most voted ideas to the users. In this process, we will use one of the Email templates provided by Kuika.

Now let's start preparing our Email design.

  1. Open Email Builder view mode.
  2. Create a new Email.
  3. Select the template you will use for the Email design.
  4. Change the body color via the Body tab.
  5. Replace the logo in the template with the application logo.
  6. Activate automatic width.
  7. Select Row and change the Row's content background color.
  8. Select the header text of the email.
  9. Change its content and color.
  10. Then update the content text of the Email.
  11. Set the text size to 22 pixels.
  12. Select Row, change the background color.
  13. Remove the button and the image under the button in the Mail design.
  14. Drag a Column to the Mail design.
  15. Drag a Text into the column.
  16. Center the Text and write a parameter named @Image.
  17. Then add another column to the design and drag a text into it.
  18. Update the text content as @Suggestion.
  19. Update the text content under Divider in the Mail design.
  20. Then update the social media links in the Footer.
  21. Finally, edit the Text at the bottom.
  22. Save your design by clicking the Update button.

Thus, we prepared a sample email design together. You can carry out a similar process in line with your other needs.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

In this learning content, we will create a sample Email design for end users using the Email Builder module. Within the scope of the sample Email design, we will create a design that will communicate the big idea of the most voted ideas to the users. In this process, we will use one of the Email templates provided by Kuika.

Now let's start preparing our Email design.

  1. Open Email Builder view mode.
  2. Create a new Email.
  3. Select the template you will use for the Email design.
  4. Change the body color via the Body tab.
  5. Replace the logo in the template with the application logo.
  6. Activate automatic width.
  7. Select Row and change the Row's content background color.
  8. Select the header text of the email.
  9. Change its content and color.
  10. Then update the content text of the Email.
  11. Set the text size to 22 pixels.
  12. Select Row, change the background color.
  13. Remove the button and the image under the button in the Mail design.
  14. Drag a Column to the Mail design.
  15. Drag a Text into the column.
  16. Center the Text and write a parameter named @Image.
  17. Then add another column to the design and drag a text into it.
  18. Update the text content as @Suggestion.
  19. Update the text content under Divider in the Mail design.
  20. Then update the social media links in the Footer.
  21. Finally, edit the Text at the bottom.
  22. Save your design by clicking the Update button.

Thus, we prepared a sample email design together. You can carry out a similar process in line with your other needs.

In this learning content, we will create a sample Email design for end users using the Email Builder module. Within the scope of the sample Email design, we will create a design that will communicate the big idea of the most voted ideas to the users. In this process, we will use one of the Email templates provided by Kuika.

Now let's start preparing our Email design.

  1. Open Email Builder view mode.
  2. Create a new Email.
  3. Select the template you will use for the Email design.
  4. Change the body color via the Body tab.
  5. Replace the logo in the template with the application logo.
  6. Activate automatic width.
  7. Select Row and change the Row's content background color.
  8. Select the header text of the email.
  9. Change its content and color.
  10. Then update the content text of the Email.
  11. Set the text size to 22 pixels.
  12. Select Row, change the background color.
  13. Remove the button and the image under the button in the Mail design.
  14. Drag a Column to the Mail design.
  15. Drag a Text into the column.
  16. Center the Text and write a parameter named @Image.
  17. Then add another column to the design and drag a text into it.
  18. Update the text content as @Suggestion.
  19. Update the text content under Divider in the Mail design.
  20. Then update the social media links in the Footer.
  21. Finally, edit the Text at the bottom.
  22. Save your design by clicking the Update button.

Thus, we prepared a sample email design together. You can carry out a similar process in line with your other needs.

Files

No items found.

Glossary

No items found.

Assignment

E-Posta Tasarımı
Email Builder Basics
Using Email Templates
New Email Design
Introduction to Mobile Interface Design
Introduction to Mobile Interface Design
Tabbar Menu Design
Dashboard Screen Design
Form Screen Design
Listing Screen Design
Detail Screen Design
Mobile UI Prototyping
Web UI Prototyping
Working with Actions
Working with Navigations
Screen Display Types
Web App Prototyping
Add Notify
Preview
Introduction to Web Interface Design
Introduction to Web Interface Design
Introduction to Registration Screen Design
Preparation of Header Design
Working with Master Screens
Menu Design
Dashboard Screen Design
Listing Screen Design
Form Screen Design
Display Screen Design
Elements
Container Elements
Date and Time Input Elements
Display Elements
Text Input Elements
Numeric Input Elements
Select Input Elements
Data Elements
Navigation Elements
Interactive Elements
Chart Elementler
Introduction to Interface Design in Kuika
User experience on the Kuika platform
The Application Interface Design Process
Working with Color
Definition of paddings
Working with Font Styles
Working with complex styles
Working with Mock Data
Concept Design
Wireframe: visualization of the first idea
Preparation of Concept Design
UX Design
Principles of usability
Basic design Principles
Information architecture
Screen Flow
Analysis and Planning
Defining the project scope and objectives
Reading the analysis document
Reading the example flow chart and defining the requirements
Planning of the project
Introduction to Designer Training Kit
What is Low-code?
What is Kuika?
What can be done with Kuika?
Let's examine the platform interface
Understanding the learning process‍