PRプロデューサー・ディレクターのSpine. 辻本哲郎様より株式会社ベター様のリニューアルのご相談をいただきました。 株式会社ベター様はブランドコミュニケーションをワンストップで企画・実行するPRのプロフェッショナルチームです。大手の広告会社やPR会社出身メンバーで構成され、手法に縛られることなく、さまざまな課題にフラットな視点で対峙し、アイディア凝らした企画を通じて解決策を提供されています。
情報を整理して、シンプルかつダイナミックなデザインを意識しました。
当初よりアニメーションを入れたいとご要望をいただいていましたので、アニメーションを入れるをこと前提に、デザインをしています。
ローディングはAeでアニメーションを作成し、jsonで書き出してjavascriptとCSSでSVGアニメーションにしています。
メインビジュアルのメインコピーは、一文字ずつ少しずらしたアニメーションを入れるため、CSSで文字をマスクしています。
ABOUTとVALUEセクションの見出しは、イラストレーターでSVGデータを作成し、CSSのマスクを使ってアニメーションをすることで一文字ずつ表示されているかのように見せています。
サービスエリアをスクロールで背景グリーンにjavascriptで変更しています。
© Copyright 2020 NIAR All rights reserved.