株式会社CIC様（コーポレートサイト）｜Web制作実績 レスポンシブ対応｜制作実績

今回、新たな試みとして、「最新のイベント情報」「過去のイベント実績」という２種類の主要コンテンツを1つの管理画面だけで実装したオリジナルCMSを独自開発いたしました。具体的には、管理画面からステータスを選択していただくだけで、各コンテンツへ自動的に振り分けられる仕様にしております。そのため、ご担当者様の更新作業リソースを軽減できるだけでなく、ユーザーは2種類の情報を1ページ内でスムーズに閲覧していただけます。弊社はデザインからシステムまで社内一貫体制のため、クライアントとエンドユーザー両方のご要望にきめ細かくお応えしたフルオーダーメイドのシステム構築が可能です。

また、PC用サイトではメガメニューを採用しページ上部に固定表示することで、ユーザビリティを意識した設計を行いました。さらに、メインコンテンツは導線バナーを大きめに配置し優先的に訴求しているだけでなく、マウスオーバー時に導線が立体化されるアニメーションを取り入れることで、トレンド感を演出しつつ、重要コンテンツを自然と強調しております。

デザイン面では、各コンテンツのターゲットに合わせて配色を工夫しました。具体的には、一般ユーザー向けのコンテンツでは、淡い紫とブルーでまとめることで主要イベントであるフィギュアスケートの華麗さを表現しつつ、安心感のあるテイストでまとめております。一方、企業向けのコンテンツには、お客様のロゴカラーであるネイビーをメインカラーに使用することで、コーポレートサイトならではの信頼感を感じられるデザインにいたしました。

さらに、「イベント会社らしさ」をホームページの動きやデザインで表現しております。例えば、各事業ページの導線にマウスオーバーした際に、選択した導線ボタンに焦点を当てて強く押し出すことで、「スポットライト」の演出を再現いたしました。また、ホームページ内のお写真は大きく見せる形で配置することで、イベント演出の「ダイナミックさ」や「インパクト」を視覚的に感じられるデザインを意識しております。さらに、訴求したいポイントでは写真に奥行きをつけたレイアウトにすることで、重要なコンテンツを自然と際立たせるための工夫を行いました。

モバイル用サイトでは、特に個人ユーザーからのアクセスが多いため、イベント情報コンテンツはあえて情報を省略せず画面いっぱいに配置することで、ターゲットが知りたい情報をしっかりと押し出しております。また、複数のコンテンツを表示する箇所は横スクロールで表示することで、スマートフォンから閲覧しても情報が整理されており、各ページを最後まで見やすいデザインにいたしました。

また、ユーザビリティを高めるため、「イベント情報」「CICについて」という2つの主要コンテンツをハンバーガーメニュー内に目立つように設置することで、ユーザーに目的のページを最短の動線で閲覧していただくための設計を行っております。ほかにも、色付きの下線でポイント部分をマークアップする???とで、情報を直感的に認識していただけるよう表現いたしました。

システム面では、お客様がブラウザ上で簡単に更新していただけるよう、お知らせとイベント情報にCMSを、代表コラムにWordpressを取り入れております。そのため、ホームページ公開後も継続してコンテンツを増やすことができ、CVをアップさせるためのツールとしてご活用いただけます。

デザイン面では、お客様のロゴカラーであるネイビーをメインカラーに、落ち着いたゴールドをアクセントカラーに使用することで、コーポレートサイトならではの信頼感あるデザインにまとめました。また、お客様は実際のイベント風景写真を多くお持ちのため、「現場」を感じられるシーンを厳選し大きく見せる形で配置することで、イベント演出のこだわりと世界観をデザインとして取り入れております。さらに、ホームページ内のお写真は重ねて表示せず、1枚1枚を前面に押し出しているなど、魅力的なお写真がより際立つよう細やかな工夫を施しております。

今回、お客様のメイン事業である「フィギュアスケート」を意識したデザインを行いました。具体的には、浮遊感のある装飾では「ステージ」を表現しているほか、背景には「花吹雪」や「衣装」を連想させるイラストをさりげなく取り入れております。