Top
Works
株式会社TVC｜コーポレートサイトリニューアル

株式会社TVC｜コーポレートサイトリニューアル

株式会社TVC

支援内容: Webサイト設計、デザイン、コーディング、撮影、CMS構築（MicroCMS）
プロジェクト期間: 2024年1月〜2024年4月
URL: https://www.tvc.co.jp/

アウトプット

株式会社TVC様のコーポレートサイトリニューアルを担当いたしました。

1980年の設立以来、広告代理業、映像制作、スポーツマーケティングなど、多岐にわたる事業を展開されている株式会社TVC様。
このたび同社の強みやこれまでの実績をより的確に伝え、ユーザビリティの向上を図るべく、コーポレートサイトのリニューアルをお手伝いさせていただきました。

陳腐化しないデザインと、UXを考慮したUIと表示。

いくつかのデザイン案をご提示し、その中で方向性を定めデザインを固めていきました。
映像を扱う企業という強みと、制作だけではなくブランディングやキャスティングなども行なっている面をうまく調和させて表現することを考えてデザインをしました。

UXとして、映像を動画として見せるだけでなく、Webページとして体感してもらいつつ、Webページの演出が強くなってしまわないような塩梅でアニメーションや操作感を調整させていただきました。

AstroでのJamstack構成

Webサイトの高速な表示や、きっちりとしたUIだけではなく演出や表現を入れていくため、デザイン部分も扱いやすいAstroを使用しJamstackにて構築しました。
コンポーネントはなるべく再利用しやすくするため、小さいコンポーネントはReactで作成している部分もあります。

「高速化」に焦点を当てて意識して実装を進めるとデザイン的な表現が難しくなったりするのですが、AstroのおかげもありLighthouseのスコアも基本的に高くなりました。

HeadlessCMS × CDNで安全で高速なサイトを実現

CMSはHeadlessCMSのmicroCMSを利用しています。
管理画面UIのわかりやすさや、機能的にもシステムとマッチしており、CIの実行など細かな点の調整も可能です。
HeadlessCMSとJamstackの組み合わせは、外部に直接CMS部分が露出することがなく安全が確保されやすいですし、API経由でデータを取得してフロントエンドをビルドするので、CMS側と公開ページ側のサーバーが分かれているので、Webサイトの可用性も高いのが特徴です。

サーバーに関しては、AWSを使用しサーバーレス構成にて構築しています。
アクセスが増えたときでもサーバー負荷を気にせず、高速な配信ができるようにCDNとしてCloudfrontを利用しています。

株式会社デパートは、microCMSを活用したWebサイト・アプリ制作ができるパートナー企業です。
https://microcms.io/partners/depart