THREE COLORS（オフィシャルサイト）｜Web制作実績 スマートフォン対応｜ネオインデックス名古屋

GLAYのヴォーカリストであるTERU様が函館で開催する、合同絵画展THREE COLORSのオフィシャルサイトを新規制作いたしました。

今回、SNSでイベント開催のお知らせを見たユーザーが、チケットの詳細情報やイベント内容をより詳しく知るためにホームページを訪れること想定し、モバイルファーストで設計しております。

モバイルサイトでは、画面の右上にページ内メニューを固定表示することにより、ユーザーが知りたい情報をすぐに閲覧できる設計となっております。オフィシャルサイト内では、合同絵画展である「三人展」と「トークショー」という2種類のイベントチケットを購入できるため、「チケット情報」として1つの導線にまとめるのではなく、「三人展概要・チケット」「トークショー概要・チケット」という2種類の導線に分けてページ内メニューに表示することで、ホームページを訪れたユーザーが迷うことなく目的のイベントのチケット情報を閲覧できるよう工夫いたしました。

今回、ユーザーのイベントへの興味・関心を高めるため、アーティスト様の作品紹介の見せ方を工夫しました。具体的には、縦スクロール式のPCサイトに対して、モバイルサイトではあえて作品を横スクロールで表示いたしました。そうすることで、縦に長くなりやすいモバイルサイトでも、ユーザーにスクロールの負担をかけずに、絵画作品を画面いっぱいに大きく見せることができます。

また、イベントへの参加意欲や期待を高めるため、3名のアーティスト様の作品やイベントにかける想いを伝えるインタビューページを制作しました。TERU様は非常に人気が高く、既存のファンが多いアーティスト様ですので、インタビュー記事を全文読むために訪れているユーザーが多いことを想定し、一般的なアコーディオン式ではなく、あえてインタビュー記事の全文を表示する設計にいたしました。当社では、お客様ごとに異なるターゲットユーザーに最適なレイアウト設計やデザインを考え制作しているため、唯一無二のデザインと、CV率向上につながるレイアウト設計を両立したホームページの制作を可能としています。

デザイン面では、お客様から「シンプルでスタイリッシュなデザインにしてほしい」というご要望をいただきました。そのため、全体的なカラーはメインビジュアルに使用されているパープル系のグラデーションカラーとホワイト・ブラックでまとめました。また、プロフィール紹介では、各アーティスト様のお名前の横に、メインビジュアルのお写真の背景色となっている色をそれぞれの「イメージカラー」として、アクセントとなる装飾を取り入れております。TERU様はブルー、長谷川匠様はレッド、藤倉朱里様はイエローという3色のイメージカラーを使用することにより、「THREE COLORS」というユニット名をさらに強く印象づけています。