Engage Cros UI開発およびデザイン制作

プロジェクト概要

エンバーポイント株式会社が提供する複数の既存サービスを統合したマーケティングオートメーションツール「Engage Cros」のリリースに向けたプロジェクトにおいて、UI開発およびデザイン制作をお手伝いさせて頂きました。

誰もが直感的に操作できるUIを最優先に考え、設計を進めました。

Engage Crosのご紹介

Engage Crosとは、万全のセキュリティで大手企業や金融機関・自治体が数多く利用するメール配信システム「Mail Publisher」と同じ配信エンジンを搭載した、専門知識不要で誰でも使いこなせる低価格のMAツールです。簡単な操作で複雑な施策が実行できます。

【圧倒的に使いやすいUI】

管理画面上でのドラッグ&ドロップで、簡単にシナリオの設定が可能です。

ノーコードでセグメント作成

現場の担当者のスキルに左右されず、活用が可能。担当者交代後も、チューニングを継続して実施可能です。

新機能を迅速にキャッチアップ

管理画面上でのドラッグ&ドロップで直感的かつ簡単にLINEメッセージを実装可能。

HTMLスキル不要でメール作成

同社のHTMLメール作成ツール「HTML Editor」を内包し、簡単にHTMLメールの作成が可能です。

【業界最高水準の配信品質】

他社で行っていたメール配信をEngage Crosに切り替えるだけで、大幅に配信可能数が向上。

様々なチャネルで、顧客へ届けたいメッセージを確実に届け、企業とお客様の繋がりをより強固にします。

【制限なく柔軟なデータ連携・活用】

制限のない柔軟なテーブル・データ更新と、高速なデータ処理によって、お客様のデータ活用を促進します。

【AIを活用したマーケティング施策の立案・実行をサポート】

顧客理解から施策実行まで、AIを活用することでお客様へのマーケティングをよりパーソナライズします。

【大手企業でも安心して利用できる高セキュリティ】

「Pマーク」や「ISO27001」の認定を受けており、セキュリティ強度の高い環境でサービスを提供。大手企業、金融機関、官公庁、自治体など、数多くの導入実績があります。

上場企業の約3割へのご支援実績

数百万人以上の会員数の多いB2C企業を中心に、長きに渡ってご支援しています。

マーケティング業界で20年に渡り培ったノウハウを土台にサポート

完全内製のチームが、企業規模・契約金額を問わず手厚いサポート体制をご提供します。

ツール提供だけでなく、様々な場面で専任チームがサポート

Engage Crosの提供機能詳細（一部）

UI開発について

従来のMAツールはプロ仕様のものが多く、導入において「操作の複雑さ」が課題となっています。クライアントや開発チームとミーティングを重ねながら画面構成を検討し、可能な限り直感的な操作のみで利用できるデザインを作成。必要に応じて機能の仕様策定にも関与しながらUIを整理しました。

画面設計の核となるのが、ドラッグ＆ドロップのみで完結するシンプルな操作性です。不要なクリックや複雑な手順を減らし、情報を直感的に把握できるレイアウトを構築。プロトタイプを作成し、事前に時間をかけて検証を重ねました。

スタイルガイドの作成

アプリケーション開発において、スタイルガイドは重要なドキュメントの１つです。

Webアプリケーションはフェーズごとに新機能をリリースするため、フェーズが進むにつれてデザインのばらつきや初期のルールから逸脱するケースが増えます。さらに、サービスを利用するお客様や運用チームからのリクエストにも常に対応しなければなりません。迅速な実装をサポートするためにも、スタイルガイドの作成は必要不可欠です。

デザイン要素の洗い出し、既存のデザイン画面や仕様書を基にしたカラーコードやタイポグラフィの定義、行間や余白感のルール策定など様々な作業を経てスタイルガイドは作成されます。

アプリケーション開発では、リリーススケジュールによって、デザインが作成される前に開発が始まることがあります。開発チームがスタイルガイドを参考にしながら実装を進められるように環境を整えました。

ボタンやフォーム、モーダルウィンドウなどのコンポーネントをモジュール化。様々な利用シーンを想定した汎用性の高いパーツ設計を行い、各パーツの余白や配置に関する詳細なガイドラインを記載することで、デザインフローが発生しない場合でも、統一性を維持できるように配慮しています。

出戻りや確認作業にかかる負担を大幅に軽減するとともに、チーム内外でのデザインにおける認識のズレを解消しました。汎用的に使用可能なパーツを用いて定義したことで、プロジェクト終了後も長期的に活用できる資産として高い評価をいただいています。

最後に

リベロジックでは、お客様のターゲットとニーズに沿ったUIデザインを通じて、業務の効率化やDXの推進をサポートしています。本プロジェクトのようなMAツールに限らず、医療アプリケーションなど幅広い業界での経験を活かし、最適なUI提案をいたします。

UIデザインでお困りの方は、ぜひお気軽にご相談ください。