新しいUIはトラフィックを増やすと同時に、顧客の商品への関心を高める。

産業

技術情報

Angular Angular Material AWS Bitbucket CLI cypress Docker Expressjs Github Actions Lighthouse OpenID Client Play Framework Postman Typescript

はじめに

ユニバーサル・ピクチャーズは、トラフィックの増加、シームレスなログインフローの構築、新しいユーザーインターフェースによる顧客製品へのエンゲージメントの向上を支援しました。

ユニバーサル・ピクチャーズについて

ユニバーサル・オール・アクセス（ユニバーサル・ピクチャーズ・ホーム・エンターテインメント、アメリカの映画スタジオ、ユニバーサル・ピクチャーズのホームビデオ配給部門）のリワード・ポータルは、買い物客の自動ターゲティング／再ターゲティングを可能にするソーシャル・プラットフォームで、顧客との関係を店の通路を越えて拡大する。顧客はブランドとソーシャルに関わることができ、その結果、彼らの購買習慣に影響を与え、ソーシャルメディアを通じてブランド認知の継続的なチャネルを維持するために、彼らのコネクションの間でも同じようなパターンをうっかり促してしまう。このポータルは、コンテストやプロモーション、リワードやゲーミフィケーション、ターゲットを絞ったクーポン発行、新規顧客との購入確認などを通じた永続的な対話を維持すると同時に、強固な顧客基盤を確立するのに役立つ。

インパクト

登録ページとログインページに全く新しいUIを採用し、トラフィックの急増を図った。
登録とログインのワークフローを拡張し、Universalがそのプロセスをゲームに統合できるようにする（例：The Forever Purge）。

課題

同社は、ウェブサイトを訪問するビジターを飽きさせないことを望んでいる。この目標を達成するために、スリル・ワークスのゲームを統合し、ユーザーがポータルに参加していると感じられるようにしたい。

同社は、トラフィックを増加させるために、登録とログインのページでより良いULを必要としていました。

主な課題は、登録とログインのフローを拡張して、ユニバーサルのゲームにプロセスを統合し、整合させることです。私たちは、これらのゲームを通じて登録・ログインしたユーザーを一意の識別子で追跡し、その後、オール・アクセス・サイトに検証／転送／リダイレクト・ページを作成して、ユーザーがすでにログインしている場合は、そのユーザーをゲームに押し込む必要があります。

アプローチ

NashTechは、ビジネス要件と密接に連携して主要な領域を特定 し、ユニバーサルポータルのUIにThrillworksゲームをプレイするためのセクションを統合しました。登録とログインのフローを拡張し、ユニバーサルのゲームにもプロセスを統合できるようにしました。当社の開発者は、登録とログインのページに全く新しいUIを実装し、トラフィックの急増を図ると同時に、顧客の有意義な地理的情報と、商品やブランドに対する彼らの行動エンゲージメントを把握しました。

ソリューション

ナッシュテックは、ビジネス要件に密接に取り組み、主要分野を特定しました。すべての重要事項が特定された後、私たちはKnolway（NashTechのソフトウェア開発手法）を使って、2週間のスプリント・スケジュールに従ってポータルの構築を開始しました。ユーザー・インターフェースは、最新のウェブ・ライブラリを使ってAngular 8で構築された。

私たちは、ゲームセクションと登録/ログインページを可能な限り適応させるためにユーザーインターフェイスを最適化し、ユーザーエクスペリエンスを可能な限りスムーズに保つようにしました。アーキテクチャ的には、ポータル全体が複数の論理サービスに分割され、マイクロサービスとして分散され、それぞれが開発ニーズに合わせてReactive Manifestoを使用し、すべてのAPI通信を非同期かつノンブロッキングにした。

下図はUNIVERSAL PORTALの主な機能を示しています。

購入の確認
コンテスト
報酬
オールアクセス（ユーザー購読に基づく）
私のオールアクセス
マイ・ムービーの特徴
ポイント獲得

このゲーム機能を実装するにあたり、私たちは3つの視点を考慮した：

新規登録のためのユーザージャーニー。
ログインが必要な登録ユーザーのユーザー・ジャーニー
All-Accessセッションにログインしている登録ユーザーのユーザー・ジャーニー。

1.新規ユーザーが登録した場合、以下のような流れになる：

ユーザーは登録ページへのリダイレクトを許可する。新しい実装では、インテリジェントなUIは、ユーザーが何らかのソース・パラメーター（例えばsrc=TheForeverPurgeGame）で着地したかどうかを識別し、さらなるアクションのための決定を下すことができます。
登録完了後、ユーザーにはサンキューページが表示され、確認のためのEメールが送信されます。
ユーザーが上記の検証リンクをクリックすると、URLパラメータ（例：src=TheForeverPurgeGame）を特定するログインページに移動します。
ユーザーはログイン・ページにアクセスし、ログイン認証情報を入力し、ポータルにログインする。
ユーザーはログインし、通常のウェルカムメールを受け取り、自動的にバリデーション/リダイレクトページに移動し、新しく実装されたゲームのページ/タブが開かれます。認証用JWTは、HTTPヘッダまたはURLクエリを介してゲームページと同期して実装される。

2.すでにユーザー登録が済んでいる場合は、このようになります：

ユーザーは、src=TheForeverPurgeGameのようなURLを含むログインページにアクセスし、ログイン認証情報を入力し、ログインボタンをクリックする。
ユーザーがログインすると、自動的に検証/リダイレクトページに移動し、ゲームのページ/タブが開かれます。認証用JWTは、HTTPヘッダーまたはURLクエリを介してゲームページに渡される。