Engage Cros UI Development and Design

Project Overview

For the launch of "Engage Cros," a marketing automation tool that integrates multiple existing services offered by Ember Point Co., Ltd., we were honored to support the UI development and design.

We designed the interface with the top priority of making it intuitive for everyone to use.

Introducing Engage Cros

Engage Cros is a low-cost MA tool that anyone can use without specialized knowledge. It runs on the same delivery engine as "Mail Publisher," an email delivery system with robust security used by many large enterprises, financial institutions, and local governments. Complex campaigns can be executed with simple operations.

What Makes Engage Cros Great!

  • Overwhelmingly Easy-to-Use UI
  • Industry-leading delivery quality
  • Flexible data integration and utilization with no restrictions
  • Supports planning and execution of AI-powered marketing initiatives
  • High security you can rely on, trusted by large enterprises

[Exceptionally intuitive UI]

Scenarios can be set up easily with drag and drop in the admin screen.

Scenario setup diagram: automate delivery at any timing. Recipients who open an email receive different content by email, while non-openers receive the initial message again via LINE. Multi-channel delivery can be run from a single tool and a single screen. And more.

Create segments with no code

Usable regardless of the staff member's skill level. Tuning can continue even after personnel changes.

No-code creation screen diagram: segments can be created directly in the admin screen. The number of target recipients is visible at a glance.

Quickly catch up on new features

Intuitively and easily implement LINE messages with drag and drop in the admin screen.

Message creation screen diagram: easily select text, URLs, stickers, and more. Templates and inserted images can also be selected with ease.

Create emails without HTML skills

Includes the company's HTML email builder, "HTML Editor," making it easy to create HTML emails.

A wide range of email templates is built in. Create them with drag and drop. HTML emails can be created easily.

[Industry-leading delivery quality]

Simply switch your email delivery from your current provider to Engage Cros, and significantly increase the number of emails you can deliver.

Example of improved deliverability: 70% of error addresses were recovered (2.8 million addresses). Deliverable count increased 1.3 to 1.5 times (doubled compared with five years ago). Deliverable count and conversions doubled.
Reliably deliver the messages you want to send to customers across a variety of channels, strengthening the connection between your company and your customers.
Examples of channels: email, LINE, apps, SMS, direct mail, and web personalization

[Flexible data integration and utilization without limits]

Unrestricted, flexible table and data updates, combined with fast data processing, promote the effective use of your data.

No additional cost for adding tables or data. Real-time table and data entry is supported. No limit on the size or volume of data you update or add. Fast data import and reflection.

[Supporting the planning and execution of AI-powered marketing initiatives]

From understanding customers to executing campaigns, AI helps you deliver more personalized marketing to your customers.

Customer data analysis: Identify customers with high or low engagement. Targeting: Automatically generate segments and recommend optimal solutions. Campaign execution: Determine the channel and timing that yield the highest open rates for each customer.

[High security you can rely on, trusted by large enterprises]

Certified under the P-Mark and ISO 27001 standards, we deliver our service in a highly secure environment. We have a proven track record with a wide range of clients, including major enterprises, financial institutions, government agencies, and local municipalities.

Received Privacy Mark certification in 2003, ahead of the industry. Certified under ISO/IEC 27001:2013 (ISMS). Operates from a fully earthquake-resistant data center. High-bandwidth connectivity capable of handling large-volume, high-speed email delivery. Backup network lines maintained to guard against line failures. ID/password authentication. SSL encryption for communications implemented as standard. IP address filtering.

Trusted by approximately 30% of publicly listed companies

We have long supported B2C companies with millions of members, among many others.

Backed by 20 years of expertise in the marketing industry

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

Quick answers from our in-house support team

  • Because our team is fully in-house, handovers of background context during onboarding are seamless, and your questions get answered quickly.
  • Support built on the industry's No. 1 email delivery platform
  • English-language support only. You will never be passed around between departments.

Comprehensive support regardless of company size

  • Support regardless of company size
  • Even within our no-cost support scope, there is no limit on time or number of requests.
Support structure diagram showing each phase from implementation (requirements definition, data integration, etc.) through operation (effect measurement, campaign expansion, etc.), supported by specialist teams including PMs, architects, and consultants.
Beyond providing tools, a dedicated team supports you across a wide range of situations.

Engage Cros Key Features (Partial)

A list of features spanning database integration, AI and machine learning, delivery channels such as LINE and SMS, security management, and more.

About UI Development

Traditional MA tools are often built for professionals, and their operational complexity can be a barrier to adoption. Through repeated meetings with clients and development teams, we explored screen structures and created a design that can be used with the most intuitive operations possible. We also contributed to feature specification as needed, refining the UI along the way.

At the core of the screen design is a simple operation that can be completed entirely with drag and drop. We reduced unnecessary clicks and complex steps, and built a layout that lets users grasp information intuitively. We created prototypes and invested time in repeated validation in advance.

Creating a Style Guide

In application development, the style guide is one of the most important documents.

Because web applications release new features phase by phase, design inconsistencies and deviations from the original rules tend to increase as phases progress. In addition, we must always respond to requests from service users and operations teams. A style guide is essential to support rapid implementation.

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

Example of a color code style guide
Example of a typography style guide

In application development, release schedules sometimes require development to begin before designs are finished. We prepared an environment so the development team could proceed with implementation while referring to the style guide.

We modularized components such as buttons, forms, and modal windows. We designed highly versatile parts for a wide range of usage scenarios and provided detailed guidelines for the spacing and placement of each part, so that visual consistency could be maintained even when design flows were not required.

Example of a search box spacing style guide
Example of a content block spacing style guide

This significantly reduced the burden of rework and verification tasks and eliminated misalignments in design understanding within and outside the team. Because the components were defined using reusable parts, the project has received high praise as an asset that can continue to be used over the long term, even after completion.

Finally

At Liberogic, we support improved operational efficiency and the advancement of DX through UI design tailored to our clients' targets and needs. Drawing on our experience not only with MA tools such as this project, but also across a wide range of industries including medical applications, we deliver optimal UI proposals.

If you have any challenges with UI design, please feel free to reach out.

Functional Design
Kashiwabara Corporation
Screen Layout
Ember Point Co., Ltd., Liberogic Inc.
Design Production
Ember Point Co., Ltd., Liberogic Inc.
Company and Service Names
Engage Cros