制作実績

問題点

グロービスのMBAプログラムは、新しいウェブサイトを立ち上げる必要に迫られていました。当時のサイトは時代遅れで、モバイルサポートも不十分でした。しかも、コンテンツ管理、サイトの変更などの点で、グロービス側でできることは限られていました。この開発プロジェクトの別の目標は、アナリティクスのデータ収集を改善、拡大することでした。最終的にグロービスは、デザインや開発だけではなく、サイト立ち上げ後の支援、維持、さらには今も継続中のデジタルマーケティングとサイト最適化サービスも請け負うことができる代理店との協働に力を注ぎました。

当社のアプローチ

これは大規模で複雑なプロジェクトになる可能性がありました。グロービスは、プロジェクトの基本的な内容について説明しましたが、私たちがその要件を完全に理解したり、プロジェクトの正確なお見積もりを用意したりする前に、答えを得る必要がある数多くの疑問がなお残っていました。

私たちは、グロービスのオーディエンスや目標、競合他社、要件に関する情報の収集を可能にするため、「発見と定義」の詳細なプロジェクトから始めるよう提案しました。グロービスはこれに同意し、私たちは6週間かけて調査、面接、情報収集、文書化のプロセスを行いました。最終的に、以下の各項目を扱う54ページのプロジェクト仕様文書を作成しました。

「発見」のプロセスが完了し、目標と範囲が明確になった時点で、私たちはプロジェクト全体の見積もりを出し、間もなくそれに着手しました。第一にサイト構造を検討し、グロービスのチームと密接に協力して取り組み、固有のページテンプレートとサイトマップのリストを完成させました。この二つは、以下で見ることができます。（当然ながら、わずかに縮尺しています！）

続いてワイヤーフレームへと移行します。このプロジェクトのために私たちは、各ページのテンプレートごとに二つのワイヤーフレームを作成しました。一つはデスクトップ用、もう一つはスマートフォン用です。プロジェクト仕様は当社による画面レイアウトのための指針となり、ほとんどの決定はペルソナ、ユースケース、機器の検討に基づいて下されました。

ワイヤーフレームの完成後は、ビジュアルデザインの段階に移行しました。私たちはBento Graphicsの有能なデザイナーと協力して、このプロジェクト用のデザインに取り組みました。彼らはイラストのデザインの指揮（アートディレクション）および制作を担いました。これらのイラストはウェッブサイトをを通して見ることができます。

Bento Graphicsはブランドに沿ったとてもメリハリのあるビジュアルデザインを提供し、そのデザインに、訪問者をウェブサイトへと誘引するようなシンプルで目を引くイラストが追加されました。これらはサイト全体を通して効果的に使用されています。

デザインコンセプトが固まった時点で、私たちは実行もしくは「構築」の段階に移行しました。今回のプラットフォームにはWordPressを選択し、高度にモジュール化され、カスタマイズ可能なアーキテクチャを開発しました。このアーキテクチャにより、ウェブサイトのコンテンツに対して、並外れて粒度の細かいレベルの制御ができます。私たちはこれを達成するにあたり、カスタム・ウィジェットを開発し、WordPressの先進的なカスタムフィールドとカスタム投稿タイプを活用しました。

このウェブサイトのその他の素晴らしい点には、以下の各項目が含まれます。

• 独自開発の学科検索ウィジェット
• 独自開発のKen Burnsエフェクト機能付きスライダープラグイン
• カスタムメニューと専用のランディングページ・レイアウトの制作・管理
• サイト全体のフォームをPardotおよびSalesforceと統合
• （リモートの）Insightsの記事と自動的に同期
• フィルター処理されたイベントリスト（リストとカレンダー・ビューの両方）
• 次世代のレスポンシブデザインとコーディングによる並外れたモバイルユーザー体験

これらすべてをうまくまとめると、ユーザーが十分に満足のいく素晴らしい新ウェブサイトの完成です。そして目標とするKPIは意図する方向へ向かいだします。言い換えると、当社が行っているような実績あるウェブサイト開発プロセスに従えば、期待しうるあらゆることを実現できるのです。

団体組織・企業向けの優秀なウェブサイトを制作しませんか？ 当社のProject Plannerを経由して詳細情報をぜひお送りください。私たちにお手伝いできることをお話させていただければ幸甚です。