Engage Cross UI development and design production

Project Overview

We assisted with UI development and design production for a project leading up to the release of "Engage Cros," a marketing automation tool that integrates multiple existing services provided by EmberPoint Inc.

Our first priority when designing was to create a UI that anyone could use intuitively.

Introducing Engage Cros

Engage Cros is a low-cost MA tool that anyone can use without specialized knowledge, equipped with the same distribution engine as "Mail Publisher," an email distribution system with full security that is used by many major companies, financial institutions, and local governments. Complex measures can be implemented with simple operations.

This is what's great about Engage Cros!

  • An incredibly easy-to-use UI
  • Industry-leading delivery quality
  • Unrestricted and flexible data integration and utilization
  • Supporting the planning and execution of AI-based marketing initiatives
  • High security that can be used safely by large companies

[Overwhelmingly easy-to-use UI]

Scenarios can be easily set up by dragging and dropping on the management screen.

Scenario setting diagram: Automate delivery at any timing. Send different content to those who open the email, and resend the initial content via LINE to those who do not open it. Multi-channel delivery can be done with one tool/one screen. etc.

No-code segment creation

It can be used regardless of the skills of the on-site staff, and tuning can be continued even after staff changes.

Illustration of the no-code creation screen: Segments can be created on the management screen. The number of targets can be seen at a glance.

Quickly catch up on new features

LINE messages can be implemented intuitively and easily by dragging and dropping on the admin screen.

Message creation screen: Easily select various texts, URLs, stamps, etc. Easily select templates and insert images

Create emails without HTML skills

It includes the company's HTML email creation tool, "HTML Editor," making it easy to create HTML emails.

A wide range of email templates are implemented. Create them with drag and drop. HTML emails can be created easily.

[Industry-leading delivery quality]

By simply switching from email distribution by another company to Engage Cross, the number of emails that can be sent increased significantly.

Example of improved deliverability: 70% of error addresses restored (2.8 million addresses). Deliverables increased 1.3 to 1.5 times (doubled compared to 5 years later). Deliverables and conversions doubled.
We ensure that the messages you want to convey to your customers are delivered through a variety of channels, strengthening the bond between your company and your customers.
Examples of various channels: email, LINE, app, SMS, DM, web customer service

[Unrestricted and flexible data integration and utilization]

Flexible, unlimited table data updates and high-speed data processing will help customers make better use of their data.

No additional costs for adding tables/data. Real-time table/data input. Unlimited size/amount of data to update/add. Data import/reflection is also achieved at high speed.

[Support for planning and executing marketing strategies using AI]

From understanding customers to implementing measures, we use AI to further personalize marketing to customers.

Customer data analysis: Identify customers with high/low engagement. Targeting: Automatically generate segments and recommend optimal solutions. Measure execution: Derive the channels/times that result in a high open rate for each customer.

[High security that can be used safely by large companies]

Certified with "P Mark" and "ISO27001," the service is provided in a highly secure environment and has a proven track record of adoption by large corporations, financial institutions, government agencies, and local governments.

We were the first in the industry to receive the Privacy Mark in 2003. We are ISO/IEC 27001:2013 (ISMS) certified. We utilize a data center with complete earthquake resistance measures. We have broadband lines that can withstand large volumes of high-speed email transmission. We maintain backup lines in case of line failure. We provide ID/password authentication. We implement SSL communication encryption as standard. We also provide IP address filtering.

We have supported approximately 30% of listed companies

We have been supporting B2C companies with over a million members for a long time.

Support based on know-how cultivated over 20 years in the marketing industry

Our fully in-house team provides comprehensive support regardless of company size or contract amount.

In-house support team for quick response times

  • Because it is in-house, the background information can be smoothly transferred at the time of implementation and questions can be answered in a short time.
  • We have already built a support system with the industry's No. 1 email delivery service.
  • English support only/No passing around of inquiries

Thorough support for companies of all sizes

  • Support for companies of all sizes
  • Even within the scope of free support, there is no limit to the time or number of times
A diagram of the support structure for each phase from implementation (requirements definition, data integration, etc.) to operation (effectiveness measurement, expansion of measures, etc.), and the specialized teams that support it, including PMs, architects, consultants, etc.
In addition to providing tools, a dedicated team will support you in various situations

Details of Engage Cross's features (partial list)

A wide range of features are available, including database integration, AI and machine learning, distribution channels such as LINE and SMS, and security management.

About UI development

Many conventional MA tools are professional-grade, and the complexity of operation is an issue when implementing them. We held multiple meetings with the client and the development team to consider the screen layout and created a design that can be used with as few intuitive operations as possible. We also helped formulate function specifications as needed to organize the UI.

The core of the screen design is simple operability, complete with just drag and drop. We created a layout that reduces unnecessary clicks and complicated procedures, allowing information to be grasped intuitively. We created a prototype and spent a lot of time verifying it in advance.

Creating a style guide

A style guide is one of the most important documents in application development.

Web applications release new features in phases, and as the phases progress, there are more and more cases where the design varies and deviates from the initial rules. Furthermore, requests from customers and the operations team who use the service must be constantly addressed. Creating a style guide is essential to support rapid implementation.

A style guide is created through a variety of processes, including identifying design elements, defining color codes and typography based on existing design screens and specifications, and establishing rules for line spacing and white space.

Color Code Style Guide Example
Typography style guide example

In application development, development sometimes begins before the design is created depending on the release schedule. We created an environment where the development team could proceed with implementation while referring to the style guide.

Components such as buttons, forms, modal windows, etc. are modularized. By designing highly versatile parts that anticipate a variety of usage scenarios and providing detailed guidelines regarding the margins and placement of each part, we ensure consistency is maintained even when a design flow does not occur.

Search box margin style guide example
Content block margin style guide example

This significantly reduced the burden of rework and confirmation work, and eliminated misunderstandings about the design between people within and outside the team. By defining the design using universally usable parts, it has been highly praised as an asset that can be used long-term even after the project is completed.

lastly

At Liberogic, we support the improvement of business efficiency and the promotion of digital transformation through UI design that meets our clients' targets and needs. We leverage our experience in a wide range of industries, including not only MA tools like this project, but also medical applications, to propose optimal UI solutions.

If you have any problems with UI design, please feel free to contact us.

Functional Design
Ember Point Co., Ltd.
Screen layout
Ember Point Co., Ltd., Liberogic Inc.
Design Production
Ember Point Co., Ltd., Liberogic Inc.
Company name/service name
Engage Cros