TAP

Context

採用支援は、どの会社のサービスも似て見えやすく、信頼を得るのに時間がかかる分野です。TAP には、仕事の丁寧さが伝わるロゴと、それを動きで見せるウェブサイトが必要でした。

ブランドとウェブを別々の会社がつくると、考え方と見た目がずれやすくなります。今回は、考え方からグラフィック、動き、実装までを揃えることを前提にしました。

Approach

信頼を得にくい分野では、言葉で強みを主張すればするほど疑われます。そこで、説明する文章よりも、見てわかる動きを優先しました。正方形が集まってロゴになるアニメーション、どの画面でも崩れないグラフィックのルール、読み込みに合わせて組み上がるページです。

‍

Outcome

ひとつの正方形から、ロゴマーク、プロセスアイコン、グラフィック全体をつくりました。

ウェブサイトでは、この正方形が動きます。ページを開くと、グラデーションのかかった正方形が散らばり、集まってロゴになります。スクロールに合わせた動きも、同じ落ち着いたテンポに揃えました。

‍

‍