見出し画像

20210409 デザイン日報

○今日の気になるWebサイト

画像1

vakel
https://vakel.studio/

vakel(=化ける)という店舗設計・デザイン・内装工事のサービスです。
クライアントの目線になるという意味での「あなたに、化けます。」や、店舗設計や内装工事によって「空間が、化けます。」といった、「化ける」をコンセプトにしています。
ファーストビューで柔らかいタッチのイラストによるアニメーションが目に飛び込んできます。
スクロールしてみると施工事例のセクションで、店舗名などのテキストの情報を載せている部分にて、ふにゃふにゃとした白い塊が真っ直ぐな四角いシェイプに変形していくアニメーションが施されており(ホバーするとまたふにゃふにゃに戻る)、「化ける」をこういったアニメーションでも表現しています。
また追従メニューにもあるような黒いボタンをホバーすると、こちらもふにゃふにゃとしたアニメーションが見られてかわいいです!
ホバーするたびにアニメーションの仕方がランダムになっているところにこだわりを感じます。
他にもいろんな場面でふにゃふにゃと動くアニメーションを見ることができるので、ぜひサイト内を巡ってみてください!


○今日の気になる記事

画像2

「みんなの銀行」がイラストを採用したワケ|みんなの銀行 公式note
https://note.minna-no-ginko.com/n/nc0ccd28d1d37

上記でご紹介したサービスのWebサイトでもイラストが起用されていたので、イラストについて先日読んだ記事をシェアいたします。
イラストをメインのビジュアルにしたサービスの制作の流れを知ることができます。
同じキャラクターを同じようなタッチでこんなに描き分けられるなんてさすがプロのイラストレーターさんはすごいですね…!


この記事が気に入ったらサポートをしてみませんか?