THREE COLORS(オフィシャルサイト)|Web制作実績 レスポンシブ対応|制作実績

THREE COLORS

”綿密な設計”と”最新トレンドデザイン”により、ホームページの効果を最大化

クライアント THREE COLORS(北海道 函館市)
制作プラン オリジナルホームページ(納品型)
カテゴリ オフィシャルサイト 芸能
URL https://three---colors.com/
制作チーム

REPUTATION

お客様アンケート評価

修正の要望に納得がいくまで何度も応えてもらい、理想通りのサイトを作ることができました!

5段階評価平均

5

  • 担当者の評価

    5/5

  • 担当者の知識

    5/5

  • リクエスト対応

    5/5

  • デザイン

    5/5

  • フルオーダーメイド設計

    5/5

  • CMS更新システム

    5/5

  • 制作料金

    5/5

ネオインデックスを選んだ理由は?

  • フルオーダーメイド設計
  • 高品質なWebデザイン
  • 納期が早かった
  • 担当者が良かった

POINT

制作のポイント

お客様のご要望

  • 集客(新規)を増やしたい

人気ロックバンドGLAYのヴォーカリストであるTERU様、建築家・現代美術家の長谷川匠様、画家の藤倉朱里様の3名のアーティストが集まり結成された、合同絵画展THREE COLORSのオフィシャルサイトを新規制作いたしました。


 


今回、「イベントの詳細が伝わるページを制作したい」というご要望をいただきました。そのため、イベントの情報やコンセプトが直感的に伝わるよう、ランディングページの構成を工夫しました。まず初めに、イベントの開催スケジュールを大きく配置し、次にコンセプトを打ち出した後、最後に3名のプロフィールと絵画作品を掲載しております。このような構成にすることにより、ユーザーは重要な情報をより優先的に、スムーズな流れでご覧いただけます。


 


フルオーダーメイドのホームページ制作を手がけている当社では、お客様のご要望を実現することはもちろん、ホームページの効果を最大限発揮するための施策をチーム全員で熟考し、お客様ごとに最良の構成案をご提案しています。

ホームページを訪れたユーザーに、THREE COLORSの3名のアーティスト様それぞれの絵画の魅力や個性が伝わるよう、PCサイトではプロフィールの見せ方を工夫しました。具体的には、画面左側にアーティスト様のプロフィール写真を固定表示し、画面右側では4点の作品写真を縦スクロールで閲覧できるレイアウトにしております。そうすることにより、アーティスト様と代表作品をひとつの画面でご覧いただけるだけではなく、迫力のある絵画を大きく表示することができるため、作品を細部まで楽しめるようなレイアウト設計となっています。

 

デザイン面では、「アーティスト写真の雰囲気に合わせたデザインにしてほしい」というお客様からのご要望にお応えするため、アーティスト写真に使用されているパープル系のグラデージョンカラーを、ホームページの背景やチケット購入ボタンにポイントで使用しました。また、チケット情報部分では、背景に絵具の筆で色を塗ったようなデザインを取り入れることで、絵画展ならではの雰囲気を演出しています。

Webデザイン

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

 

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

 

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

Web制作・運用サポート一覧

PC・タブレット用フルオーダーメイド設計、オリジナルWebデザイン、PC用UI/UX設計、ワイヤーフレーム作成、HTML/CSSコーディング(レスポンシブサイト)、Googleアナリティクス設定、各種CMS開発、jQueryコーディング、PLESKサーバー、アフターサポート

PC DESIGN

PCサイトデザイン

お客様の特長を活かした、”世界にひとつ”のオリジナルデザイン

SMARTPHONE DESIGN

スマートフォンサイト
デザイン

ターゲットに最適なユーザビリティを考慮した、UI/UXデザイン

WORKS

よく似た制作実績

制作実績一覧