株式会社ベター様
京都

株式会社ベター様

ディレクション
Spine. 辻本哲郎様
撮影・素材
ご支給
原稿
ご支給
デザイン
NIAR
コーディング
NIAR
WEB SITE

PRプロデューサー・ディレクターのSpine. 辻本哲郎様より株式会社ベター様のリニューアルのご相談をいただきました。 株式会社ベター様はブランドコミュニケーションをワンストップで企画・実行するPRのプロフェッショナルチームです。大手の広告会社やPR会社出身メンバーで構成され、手法に縛られることなく、さまざまな課題にフラットな視点で対峙し、アイディア凝らした企画を通じて解決策を提供されています。

デザイン

情報を整理して、シンプルかつダイナミックなデザインを意識しました。
当初よりアニメーションを入れたいとご要望をいただいていましたので、アニメーションを入れるをこと前提に、デザインをしています。

コーディング

ローディングはAeでアニメーションを作成し、jsonで書き出してjavascriptとCSSでSVGアニメーションにしています。
メインビジュアルのメインコピーは、一文字ずつ少しずらしたアニメーションを入れるため、CSSで文字をマスクしています。
ABOUTとVALUEセクションの見出しは、イラストレーターでSVGデータを作成し、CSSのマスクを使ってアニメーションをすることで一文字ずつ表示されているかのように見せています。
サービスエリアをスクロールで背景グリーンにjavascriptで変更しています。

Return Works

CONTACT

当事務所にご関心をお持ちいただきまして、ありがとうございます。
お仕事に関するご相談は下記よりお問い合わせください。

© Copyright 2020 NIAR All rights reserved.